Достъпност на сайта: какво изисква законът и защо се изплаща на бизнеса
Достъпността на сайта дълго се смяташе за благотворителност: нещо, което се прави, ако е останал бюджет. Сега положението се промени от две страни. От едната – в Европейския съюз влезе в сила Европейският акт за достъпност и изискванията към цифровите продукти станаха задължителни за широк кръг компании. От другата – оказа се, че достъпният сайт е по-удобен за всички, а не само за хора с увреждания.
Уговорка веднага: конкретният обхват на задълженията зависи от държавата, размера на компанията и вида дейност, а за микропредприятията има изключения. Проверявайте своето положение с юрист, а не със статия в блог. По-долу е техническата част, която не зависи от юрисдикцията.
Какво е достъпността на практика
Това е възможността да се ползва сайтът, когато нещо не работи както при типичния посетител. Причините може да са постоянни или временни, а вторите се срещат далеч по-често:
- Човек със слабо зрение увеличава шрифта до 200%.
- Пътник в метрото е изключил звука и чете субтитри.
- Някой работи с клавиатурата, защото мишката се е счупила.
- Човек с временна травма на ръката ползва само едната.
- Някой отваря сайта на слънце, където ниският контраст просто не се вижда.
Последната точка илюстрира добре същността: светлосив текст върху бяло не е въпрос на приобщаване, а причината половината мобилни посетители навън да не могат да прочетат нищо.
Четирите принципа, на които всичко стъпва
| Принцип | Какво означава | Типично нарушение |
|---|---|---|
| Възприемаемост | Съдържанието може да се получи по няколко начина | Изображения без alt, видео без субтитри |
| Управляемост | Всичко работи без мишка | Меню, което се отваря само при посочване |
| Разбираемост | Поведението е предвидимо, грешките са обяснени | Формуляр казва „грешка“, без да сочи полето |
| Надеждност | Работи с помощни технологии | Бутони, направени от div без роля |
Какво да проверите за час
Тези проверки не изискват инструменти и откриват повечето проблеми.
Минете сайта с клавиша Tab
Без да пипате мишката, минете началната страница отгоре надолу. Гледайте: вижда ли се кой елемент е на фокус; достижими ли са всички връзки и бутони; не пропада ли фокусът в невидими елементи; затваря ли се модалният прозорец с Esc.
Това е най-бързият начин да намерите проблеми. Ако не може да се разбере къде сте, очертанието на фокуса е премахнато със стилове и това е най-разпространената грешка.
Увеличете мащаба до 200%
Оформлението не бива да се чупи, текстът не бива да се отрязва, хоризонтално скролване не бива да се появява.
Проверете контраста
Основният текст трябва да се различава достатъчно силно от фона. Нормативът е 4.5:1 за обикновен текст и 3:1 за едър. Светлосиво върху бяло и бяло върху светла снимка не минават.
Изключете изображенията
Страницата трябва да остане разбираема. Ако вместо картинки има празни места без надписи, alt липсва.
Попълнете формуляр с грешки
Съобщението трябва да сочи кое поле е грешно и защо. „Попълнете формуляра коректно“ не става.
Защо се изплаща, освен заради закона
- Това е същата работа като SEO. Alt на изображенията, структура на заглавията, смислени текстове на връзките, семантично маркиране. Ботът и екранният четец разчитат страницата по сходен начин.
- По-широка аудитория. Хората със зрителни, слухови и двигателни затруднения са значителен дял от населението и той расте с остаряването на аудиторията.
- По-малко запитвания към поддръжката. Ясните грешки във формулярите премахват цял клас въпроси.
- По-добре на мобилни. Големи зони за натискане, контраст и управление с клавиатура подобряват работата за всички, не само за онези без мишка.
- Участие в търгове. Обществените и корпоративните поръчки все по-често съдържат изисквания за достъпност.
Най-често срещаните грешки
| Грешка | Защо е лошо | Как е правилно |
|---|---|---|
| Премахнато очертание на фокуса | Не се разбира къде сте на страницата | Заменете със свой стил, не го изтривайте |
| Бутон, направен от div | Не работи с клавиатура и екранни четци | Използвайте button и a |
| Текст на връзка „още“ | Извън контекст не означава нищо | „Още за доставката“ |
| Alt на всяка декоративна икона | Шум, който пречи при слушане на страницата | Празен alt за декоративните |
| Цветът като единствен сигнал | Не всички различават нюанси | Цвят плюс икона или надпис |
| Плъгин наслагване „с един бутон“ | Не поправя причината, понякога пречи | Поправяйте маркирането |
Последният ред заслужава отделно споменаване. Джаджите, които обещават да направят сайта достъпен с един бутон, не заменят нормалната разработка и в част от случаите влизат в конфликт с помощните технологии, които хората реално използват.
Откъде да започнете
Не с одит от сто страници. Вземете три ключови сценария: началната страница, страница на услуга, формуляра за контакт. Минете всеки с клавиатурата, проверете контраста и alt, поправете намереното. Това покрива по-голямата част от реалните бариери.
Достъпността не е отделен проект със собствен бюджет. Това е набор от навици при разработката, който почти нищо не струва, ако е заложен от самото начало, и струва осезаемо, ако се преправя готов сайт. Затова най-евтиният момент да се заемете е преди макетите да са нарисувани.
