Что означает это предупреждающее сообщение? 'img элементы должны иметь alt prop, либо с содержательным текстом, либо пустую строку для декоративных изображений'

Почему я получаю это предупреждение?

предупреждение: элементы img должны иметь alt prop, либо с содержательным текстом, либо пустую строку для декоративных изображений jsx-a11y/img-has-alt

Он показывает строку номер 13, но нет никаких реквизитов.

Ответы

Ответ 1

Изображения должны иметь свойство alt. Альтернативное свойство проявляется в нескольких случаях, таких как отсутствие загрузки карты, несовместимые браузеры или повреждение изображения. Вы должны передать в опору, названную alt к изображению.

Также тэг Alt используется программами чтения с экрана для слабовидящих. Поэтому рекомендуется всегда добавлять тег ALT к компоненту изображения. Доступность

Ответ 2

Это означает, что когда вы создаете образ в своем HTML, вы должны включить атрибут alt в интересах чтения с экрана и текстовых браузеров.

<img src="url" alt="description of image">

Ответ 3

Это означает, что тэг <img> ДОЛЖЕН иметь атрибут alt на нем так:

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

Если изображение не загружено, вместо него будет отображаться текст внутри атрибута alt.

Ответ 4

У меня была похожая ошибка с этим кодом.

function ContactCard (реквизит) { вернуть ( ) }

Решение. Обратите внимание на положение alt= на привязке изображения вне круглой скобки

function ContactCard (реквизит) { вернуть ( ) }