Алтернативен текст

Алтернативният текст — съкратено от alternative text — е текстово описание на нетекстово изображение, вградено чрез HTML атрибута alt. Това е най-обсъжданата функция за достъпност в мрежата и тази с най-последователния модел на неуспех: разработчиците или го пропускат напълно, или генерират общи заместители, които не носят никаква информация.

Какво всъщност прави алтернативният текст

Три групи потребители ползват алтернативния текст:

1. Потребители на екранни четци. Екранният четец прочита алтернативния текст вместо изображението. Ако изображението носи информация („диаграмата показва, че съдебните дела са се удвоили между 2022 и 2025 г.”), тази информация трябва да е в алтернативния текст или в съседен надпис.
2. Зрящи потребители при неуспешно зареждане. Когато дадено изображение не се зарежда, алтернативният текст се показва на негово място — скромна, но реална резервна опция.
3. Търсачки. Алтернативният текст е един от малкото значими сигнали за класиране, свързани с действителното съдържание на изображението.

Дърво на решенията

Всяко публикувано изображение изисква конкретен отговор на въпроса „какъв вид изображение е това?”:

• Функционално изображение — икона, използвана като единствен визуален сигнал за бутон или връзка. Алтернативният текст описва действието, а не иконата: alt="Отваряне на менюто", а не alt="икона тип хамбургер". Потребителят не се интересува как изглежда иконата; интересува го какво прави.
• Информативно изображение — снимка, диаграма, снимка на екран или илюстрация, която носи съдържание. Алтернативният текст описва предадената информация на подходящото ниво на детайлност. Снимка на служител на страница „За нас”: alt="Д-р Иван Иванов, директор на научноизследователската дейност". Статистическа диаграма: алтернативният текст посочва основния извод, а базовите данни — в надпис или в съседна таблица.
• Декоративно изображение — шарки, разделители, абстрактни снимки, използвани като фонов елемент. alt="" (празен, но атрибутът трябва да присъства) указва на екранните четци да го пропуснат.
• Комплексно изображение — схеми, инфографики, гъсти диаграми. Кратък алтернативен текст за основния извод, плюс по-подробно описание наблизо (aria-describedby към абзац или съседно разгъващо се поле „Пълно описание”).

Какво се обърква в production среда

Три вида неуспех обясняват по-голямата част от грешките с алтернативния текст:

• Напълно пропуснат. <img src="..."> без атрибут alt. Екранните четци прочитат името на файла с изображението, което почти винаги е безсмислено.
• Файлово име или безсъдържателен текст — alt="DSC_0042.jpg" или alt="image". По-малко лошо от липсващия атрибут, но по-объркващо, отколкото полезно.
• Прекалено подробно описание на декоративно съдържание. Чисто естетичен разделител с alt="Абстрактен оранжево-червен елемент в горната част на секцията" принуждава екранния четец да го прочете и не дава нищо полезно на потребителя.

Автоматично генериран алтернативен текст

Повечето съвременни конвейери за качване на изображения вече автоматично предлагат алтернативен текст чрез модел за компютърно зрение. Това е наистина полезно като първа чернова, но с две предупреждения:

1. Моделът може да греши уверено, особено при диаграми, схеми и съдържание, специфично за дадена култура. Всяко предложение трябва да се прегледа ръчно преди публикуване.
2. Генерираният алтернативен текст не трябва мълчаливо да заменя съществуващ ръчно написан текст. Много продукти с наслагвания за достъпност се провалят точно тук — заменят внимателно написан редакционен алтернативен текст с безлични общи описания.