Comment gérer le ALT d'une image en CSS background-image

Discussion dans 'YouTube, Google Images et Google Maps' créé par poeme, 17 Décembre 2019.

  1. poeme
    poeme WRInaute discret
    Inscrit:
    21 Juillet 2004
    Messages:
    139
    J'aime reçus:
    0
    bonjour,
    quelle est la bonne solution pour remplacer la balise alt d'une image, quand l'on appelle celle ci via le css et donc background-image?
    mettre dans le html

    1: <div class="maclass" title="mon alt"></div>
    2: <div class="maclass" role="img" aria-label="mon alt"></div>
    3:<div class="maclass"><img alt="mon alt" src="imagetransparente1pixel.png"></div>

    autre chose?

    merci pour vos solutions
     
    #1 poeme, 17 Décembre 2019
  2. ABCWEB
    ABCWEB WRInaute passionné
    Inscrit:
    22 Octobre 2015
    Messages:
    1 194
    J'aime reçus:
    150
    Ne rien mettre..
     
    #2 ABCWEB, 17 Décembre 2019
  3. poeme
    poeme WRInaute discret
    Inscrit:
    21 Juillet 2004
    Messages:
    139
    J'aime reçus:
    0
    tu veux dire un simple div vide?
    <div class="maclass"></div>
    ceci dit peut etre q le nom de l'image ds le css suffit
     
    #3 poeme, 17 Décembre 2019
    Dernière édition: 17 Décembre 2019
  4. ABCWEB
    ABCWEB WRInaute passionné
    Inscrit:
    22 Octobre 2015
    Messages:
    1 194
    J'aime reçus:
    150
    non on met pas de alt sur les background
     
    #4 ABCWEB, 17 Décembre 2019
  5. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 856
    J'aime reçus:
    289
    On ne met rien, mais c'est vrai que je me suis toujours fait la remarque qu'avec cette mode de se passer des <img> au profit du background-image en CSS, on perdait au niveau SEO puisque pas de la description... !
     
    #5 rick38, 17 Décembre 2019
  6. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    4 159
    J'aime reçus:
    179
    Si c'est en html c'est du contenu pertinent
    Si c'est en css c'est de la décoration
    Voilà pourquoi.
     
    #6 indigene, 17 Décembre 2019
  7. poeme
    poeme WRInaute discret
    Inscrit:
    21 Juillet 2004
    Messages:
    139
    J'aime reçus:
    0
    pas pour decoration mais pour sprite
     
    #7 poeme, 18 Décembre 2019
  8. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    4 159
    J'aime reçus:
    179
    rien compris. désolé
     
    #8 indigene, 18 Décembre 2019
  9. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 856
    J'aime reçus:
    289
    Par sprite il doit vouloir dire le fait de ne charger qu'1 seule image qui les contient toutes... mais ça reste de la décoration.
     
    #9 rick38, 19 Décembre 2019
  10. Ophie
    Ophie Nouveau WRInaute
    Inscrit:
    4 Février 2021
    Messages:
    1
    J'aime reçus:
    0
    Bonjour,
    Désolée de déterrer un sujet ancien, mais j'essaie de comprendre.
    Si sur le menu de mon site j'ai mon logo et des pictos pour chacune de mes rubriques, alors est-il conseillé de mettre toutes ces images dans le CSS ? Et dans ce cas, pas de balise alt ?

    ou bien faut-il mieux les mettre dans le HTML ? Et dans ce cas je peux mettre une balise alt ?

    J'ai du mal à faire le distinguo entre décoration (pas de balise alt) et illustration (avec balise alt).

    Merci de votre aide
     
    #10 Ophie, 4 Février 2021
  11. WebRankInfo
    WebRankInfo Admin
    Membre du personnel
    Inscrit:
    19 Avril 2002
    Messages:
    20 571
    J'aime reçus:
    662
    un picto n'a pas besoin d'attribut ALT je pense ? ou alors uniquement pour l'accessibilité
     
    #11 WebRankInfo, 5 Février 2021
(Vous devez vous identifier ou vous inscrire pour poster ici.)
Chargement...
Similar Threads - gérer ALT image Forum Date
Le développeur disparaît, qui peut gérer le site? Droit du web (juridique, fiscalité...) 13 Octobre 2021
Comment gérer les variantes de mots-clés pour le SEO ? Débuter en référencement 11 Octobre 2021
Comment gérer une page zombie fiche produit ecommerce Techniques avancées de référencement 10 Août 2021
Aide utilisation twitter : gérer les commentaires Twitter 3 Mars 2021
Comment gérer les pages obsolètes d'une PWA ? Développement d'un site Web ou d'une appli mobile 13 Janvier 2021
HTML fait par Javascript <=>gérer les Events ? Développement d'un site Web ou d'une appli mobile 5 Juillet 2020
Site EN sur le .com et FR sur le .FR, comment gérer Référencement international (langues, pays) 25 Mars 2020
Comment gérer le duplicate content sur les pages magasins Demandes d'avis et de conseils sur vos sites 19 Mars 2020
Page évènement (salon) reporté : comment gérer l'URL ? Débuter en référencement 4 Mars 2020
Indexation, pagination : comment gérer les URL de tri des colonnes ? Crawl et indexation Google, sitemaps 24 Septembre 2019