"Кое име на файл бихте искали екранен четец да чете на глас в ухото ви 40 пъти на ден?" Това е малко абсурден въпрос, но точно това се случва, когато едно смислено изображение е оставено с alt="image1.jpg" или, още по-лошо, изобщо без алтернативен текст. Тази статия е практическо ръководство за писане на алтернативен текст, който всъщност помага - не само представя, но добре.
Накратко — какво обхваща това ръководство
Защо лошият алтернативен текст е почти толкова лош, колкото и липсващият алтернативен текст
Съгласно WCAG 1.1.1 цялото нетекстово съдържание трябва да има текстова алтернатива — но официалното изискване е само половината от историята. "image1.jpg", "image" или "logo" технически отговарят на изискването (има alt атрибут), но не предават реална информация. Потребител на екранен четец, който чува низ от "image... image... image23.png", е не по-малко разочарован от зрящ потребител, който гледа поредица от празни рамки.
Как да напишем добър алтернативен текст
Водещото правило: опишете изображението съобщение в контекста, в който се появява, а не буквално описание на това, което виждате. Снимка на хора около маса по време на екипна среща, придружаваща статия за сътрудничество, може да бъде дадена като „Екип, който работи заедно около маса“, а не „Снимка на хора“. За диаграма или графика опишете за вкъщи диаграмата представя: „Стълбовидна диаграма, показваща 40% увеличение на продажбите през третото тримесечие“ е значително по-добра от „Стълбовидна диаграма“.
- Кратко и целенасочено — обикновено са достатъчни 1–2 изречения; няма нужда да описвате всеки визуален детайл.
- Пропускане на „изображение на“ или „снимка на“ — екранният четец вече съобщава, че това е изображение, така че няма нужда да го повтаряте.
- Разгледайте околния текст — едно и също изображение може да получи различен алтернативен текст в различен контекст.
Кога да оставите алтернативния текст умишлено празен
Не всяко изображение се нуждае от описание. Чисто декоративни изображения - графични разделителни линии, фонови илюстрации, икони, които просто повтарят текст наблизо - са най-добре маркирани с alt="" (празен алтернативен текст, не липсва), така че екранният четец ги пропуска изцяло. Разликата между „липсва“ и „умишлено празен“ е критична: липсва звучи като грешка или изчита името на файла; умишлено празен просто го прескача безшумно.
💡 Практически съвет
Бърз тест: ако изтриете изцяло изображението от страницата, ще пропусне ли нещо потребител, който не го вижда? Ако не — вероятно е декоративен и е подходящ за празен алтернативен вариант.
Какво да правите със сложни графики и диаграми
За сложна диаграма с данни, илюстрирана сравнителна таблица или инфографика с няколко слоя информация краткият алтернативен текст не е достатъчен — има твърде много информация за предаване. Решението: кратък алтернативен текст, който описва общата тема, заедно с него (в обикновения текст около изображението, не само в алтернативния атрибут) по-подробно описание на важните данни или еквивалентна таблица с данни, в която екранният четец може да навигира.
Не сте сигурни кой алтернативен текст липсва или е проблемен на вашия сайт?
Нашият инструмент намира изображения без алтернативен текст във всеки документ на вашия сайт и ги маркира по приоритет.
Направете документите си достъпни безплатно ←