---
id: 587d774c367417b2b2512a9c
title: Add a Text Alternative to Images for Visually Impaired Accessibility
challengeType: 0
videoUrl: ''
guideUrl: 'https://russian.freecodecamp.org/guide/certificates/add-alt-text-to-an-image-for-accessibility'
localeTitle: Добавить текстовую альтернативу изображениям для доступности с нарушением зрения
---
## Description
Вероятно, вы видели атрибут alt
в теге img
в других задачах. Текст Alt
описывает содержимое изображения и предоставляет текстовую альтернативу. Это помогает в случае, если изображение не загружается или не может быть замечено пользователем. Он также используется поисковыми системами, чтобы понять, что изображение содержит, чтобы включить его в результаты поиска. Вот пример: <img src="importantLogo.jpeg" alt="Company logo">
Люди с нарушениями зрения полагаются на устройства чтения с экрана для преобразования веб-контента в аудиоинтерфейс. Они не получат информацию, если они представлены только визуально. Для изображений экранные программы могут получить доступ к атрибуту alt
и прочитать его содержимое для доставки ключевой информации. Хороший alt
текст короткий , но описательный характер, и имел в виду , чтобы кратко передать смысл изображения. Вы всегда должны включать атрибут alt
на свой образ. По спецификации HTML5 это считается обязательным.
## Instructions
Camper Cat, оказывается, как ниндзя кодирования, так и фактический ниндзя, и создает веб-сайт, чтобы поделиться своими знаниями. Изображение профиля, которое он хочет использовать, показывает его навыки и должно быть оценено всеми посетителями сайта. Добавьте атрибут alt
в тег img
, который объясняет, что Camper Cat делает каратэ. (Изображение src
не ссылается на фактический файл, поэтому вы должны увидеть текст alt
на дисплее.)
## Tests
```yml
tests:
- text: 'Ваш тег img
должен иметь атрибут alt
, и он не должен быть пустым.'
testString: 'assert($("img").attr("alt"), "Your img
tag should have an alt
attribute, and it should not be empty.");'
```
## Challenge Seed
```html
```
## Solution
```js
// solution required
```