Que signifie ce message d'avertissement signifie? "img éléments doivent avoir un alt-prop, soit avec un texte significatif, ou une chaîne vide pour les images décoratives'

Pourquoi ai-je reçu cet avertissement?

avertissement: les éléments img doit avoir un alt-prop, soit avec un texte significatif, ou une chaîne vide pour les images décoratives jsx-a11y/img-a-alt

C'est montrer numéro de la ligne 13, mais il n'y a rien d'accessoires est à l'aide.

InformationsquelleAutor | 2017-05-05
  1. 10

    Les Images doivent avoir un alt de la propriété. L'autre propriété est livré dans l'image, dans plusieurs cas, comme la carte de ne pas obtenir téléchargé, incompatible navigateurs, ou l'image se corrompre. Vous devez passer dans un accessoire appelé alt de l'image.

    Aussi, balise Alt est utilisé par les lecteurs d'écran pour les malvoyants. Par conséquent, il est considéré comme une bonne pratique de toujours ajouter une balise ALT de l'image de la composante.
    L'accessibilité

    InformationsquelleAutor Vamshi Gudipati
  2. 13

    Cela signifie que, lorsque vous créez une image dans votre code HTML, vous devez inclure une alt attribut pour le bénéfice des lecteurs d'écran et les navigateurs texte.

    <img src="url" alt="description of image">
    • Juste pour ajouter plus d'informations, si vous ajoutez la description dans l'attribut alt avec les mots-clés suivants "image, photo ou une image" réagir donne l'avertissement suivant "Redondant attribut alt. Les lecteurs d'écran ores et déjà vous annoncer img des balises comme une image. Vous n'avez pas besoin d'utiliser les mots image, photo, ou picture (ou tout personnalisé spécifié de mots) dans le alt-prop jsx-a11y/img redondante-alt" Réagir à la version 16.8.3
    • quelque chose comme ça ne serait pas afficher l'avertissement <img src="url" alt="for sell">
    • Je ne comprends pas votre commentaire. Comment est-ce différent de ce que je dis dans ma réponse?
    • parce que réagir va jeter un signe d'avertissement si vous incluez le mot "image" alt
    • Je ne savais pas que vous étiez une réponse aux autres commentaires.
    • de l'image" n'a pas été prévu littéralement, c'était juste un espace réservé comme "url" a été.

    InformationsquelleAutor Barmar
  3. 6

    Cela signifie que votre <img> tag DOIT ont un alt attribut de la sorte:

    <img src="pathToYourImage.extension" alt="My Awesome Image">

    Dans le cas où si l'image n'est pas chargée, puis le texte à l'intérieur de la alt attribut sera affiché à la place.

    InformationsquelleAutor Zahid Saeed
  4. 1

    J'ai eu une erreur similaire avec ce code.

        <img src={props.contacts.imgUrl}/>

    Solution: Avis de l'alt= position sur l'ancrage de l'image à l'extérieur de la courbe de la parenthèse

        <img src={props.contacts.imgUrl} alt=""/>
    InformationsquelleAutor Steven