Контролен списък за съответствие с ADA Title III

Правната основа: ADA Title III и уебсайтовете

Title III на Americans with Disabilities Act (ADA) забранява дискриминация на основата на увреждане в местата за обществено ползване. ADA е приет през 1990 г., преди да съществува комерсиалният интернет — което е довело до десетилетия съдебни спорове за това дали уебсайтовете се квалифицират като „места за обществено ползване”.

Настоящата правна картина в голяма степен е решила този въпрос в полза на включването. Повечето федерални съдилища, разгледали въпроса, приемат, че уебсайтовете, управлявани от предприятия, отворени за обществеността, попадат в обхвата на Title III. Министерството на правосъдието на САЩ (DOJ) публикува официални насоки през март 2022 г., потвърждаващи, че ADA се прилага за уебсайтове. През април 2024 г. DOJ публикува финално правило по Title II (обхващащо държавни и местни власти), изрично прилагащо WCAG 2.1 Level AA — установявайки силен сигнал за това, което Title III в крайна сметка ще кодифицира.

Практическият резултат: ако управлявате уебсайт, чрез който клиентите получават достъп до стоки, услуги или информация, ADA Title III се прилага за този уебсайт.

Какво означава „достъпен” по ADA

ADA не определя конкретен технически стандарт за достъпност на уебсайтове. Съдилищата и DOJ последователно третират съответствието с Web Content Accessibility Guidelines (WCAG) 2.1 Level AA като критерий за определяне дали уебсайт отговаря на изискването на ADA за недискриминация. WCAG 2.1 AA е стандартът, използван в почти всички споразумения на DOJ и повечето планове за съответствие, надзиравани от съда.

Контролният списък по-долу свързва най-критичните критерии за успех на WCAG 2.1 AA с практически задължения за съответствие.

Контролен списък за съответствие на уебсайт с ADA Title III

1. Текстови алтернативи за нетекстово съдържание

Всяко значимо изображение има атрибут alt, който предава целта му
Декоративните изображения имат празен alt="", за да бъдат пропускани от екранните четци
Иконите, използвани като бутони или връзки, имат достъпни имена (чрез aria-label или видим текст)
Диаграмите и инфографиките имат текстови описания или таблици с данни като алтернатива
CAPTCHA предоставя звукова алтернатива заедно с визуалната задача

Защо е важно: Потребителите на екранни четци не получават никаква информация за изображение без alt текст. Бутон за плащане, обозначен само с икона и без достъпно име, е практически невидим за потребител на екранен четец.

2. Субтитри и преписи за медия

Предварително записаните видеоклипове имат синхронизирани субтитри
Живите видео потоци имат субтитри в реално време
Предварително записаното аудио съдържание само (подкасти) има текстов препис
Предварително записаните видеоклипове с важно аудио имат наличен препис
Автоматично генерираните субтитри се преглеждат и коригират преди публикуване

Защо е важно: Субтитрите са основното средство, чрез което глухи и слабочуващи потребители получават достъп до видео съдържание. Неточните автоматично генерирани субтитри не удовлетворяват изискването.

3. Цвят и визуален дизайн

Информацията никога не се предава единствено чрез цвят (напр. задължителните полета са обозначени с текст или икона, не само с червена рамка)
Нормалният текст (под 18pt / 14pt получер) отговаря на съотношение на контраста от най-малко 4,5:1 спрямо фона си
Големият текст (18pt+ или 14pt+ получер) отговаря на съотношение на контраста от най-малко 3:1
Компонентите на потребителския интерфейс (бутони, полета за въвеждане, индикатори на фокус) имат поне 3:1 контраст спрямо съседните цветове
Състоянията на грешка съобщават грешката в текст, не само чрез промяна на цвета

Защо е важно: Приблизително 8% от мъжете и 0,5% от жените имат някаква форма на нарушение на цветното зрение. Разчитането единствено на цвят изключва значителна част от потребителите ви.

4. Достъпност с клавиатура

Всички интерактивни елементи (връзки, бутони, формуляри, менюта, модални прозорци, избор на дата) са достъпни и управляеми само с клавиатура
Редът на Tab следва логична, предвидима последователност
Няма капани за клавиатурата — потребителите могат да навигират във и извън всеки компонент, използвайки стандартни клавиши
Персонализираните уиджети (падащи менюта, плъзгачи, диалози) прилагат очакваните модели за взаимодействие с клавиатура
Връзка „прескочи към основното съдържание” е първият елемент, който може да получи фокус на всяка страница

Защо е важно: Потребители с двигателни увреждания, много от които разчитат на навигация с клавиатура или устройства за достъп чрез превключвател, не могат да използват мишка. Сайт, който изисква взаимодействие с мишка за основни функции, е недостъпен за тях.

5. Видимост на фокуса

Фокусът с клавиатура винаги е видим — ясен индикатор на фокус (контур, осветяване, подчертаване) се появява на активния елемент
Индикаторът на фокус не е потиснат с outline: none или outline: 0 без замяна
Индикаторът на фокус има достатъчен контраст спрямо околното съдържание

Защо е важно: Без видим индикатор на фокус потребителите на клавиатура не могат да разберат къде се намират на страницата — равносилно на разглеждане без курсор.

6. Без съдържание, предизвикващо припадъци

Никакво съдържание не проблясва повече от три пъти в секунда
Анимации, които не могат да бъдат деактивирани, не обхващат големи части от видимата област с висока честота
Ефектите на паралакс и автоматично възпроизвежданите анимации могат да бъдат поставени на пауза или намалени чрез медийна заявка prefers-reduced-motion

Защо е важно: Фотосенситивната епилепсия засяга значителна част от населението. Една единствена проблясваща реклама може да предизвика припадък.

7. Достатъчно време за изпълнение на задачи

Изтичането на сесията предупреждава потребителите преди да изтече и им дава начин да продължат сесията
Автоматично обновяващото се съдържание (новинарски бегащи ленти, резултати на живо, ротиращи банери) може да бъде поставено на пауза, спряно или скрито
Не се налагат ограничения във времето за критични задачи (плащане, подаване на формуляр) без адекватен механизъм за удължаване

Защо е важно: Потребители с когнитивни увреждания, двигателни увреждания или такива, използващи помощна технология, често се нуждаят от повече време за изпълнение на задачи. Внезапните изтичания на времето могат да доведат до загуба на прогрес.

8. Навигация и ориентиране

Всяка страница има уникален, описателен елемент <title>
Навигационните менюта са последователни по структура и местоположение на всички страници
Текущото местоположение на страницата е обозначено в навигацията (активно състояние)
На дълбоки страници присъстват пътеки за навигация (breadcrumbs)
Съществуват множество начини за намиране на съдържание (търсене, карта на сайта или навигация)
Заглавията са структурирани логично (h1 → h2 → h3) и точно описват съдържанието на секцията

Защо е важно: Потребителите на екранни четци навигират чрез заглавия, ориентири (landmarks) и заглавия на страници. Лошо структурираните заглавия правят страницата неразбираема за човек, навигиращ с екранен четец.

9. Достъпност на формуляри

Всяко поле за въвеждане в формуляр има видим елемент <label>, програмно свързан с него
Задължителните полета са обозначени в текст (не само с звездичка без обяснение)
Съобщенията за грешка идентифицират кое поле съдържа грешката и описват как да я коригирате
Съобщенията за грешка се обявяват на потребителите на екранни четци (чрез aria-live или управление на фокуса)
Атрибутите за автоматично попълване присъстват на често срещаните полета (име, имейл, адрес, кредитна карта)
Изпращането на формуляр не изтича безшумно

Защо е важно: Формулярите са начинът, по който потребителите взаимодействат с услугата ви — резервация, покупка, регистрация, контакт. Недостъпно плащане е цифровият еквивалент на магазин без рампа.

10. Връзки и бутони

Всяка връзка има описателно достъпно име — само „Прочети повече” не е достатъчно; „Прочети повече за [тема]” е достатъчно
Връзките и бутоните се различават от околния текст, без да разчитат единствено на цвят
Бутоните, които задействат действия, са обозначени като елементи <button>, а не стилизирани елементи <div> или <span>
Връзките, които се отварят в нов раздел или задействат изтегляне, съобщават това на потребителя

Защо е важно: Потребителите на екранни четци често разглеждат сайта чрез списък с всички връзки на страница. Списък от връзки „кликнете тук” и „прочети повече” не предоставя никаква навигационна стойност.

11. Език и четивност

Основният език на страницата е зададен в атрибута lang на елемента <html> (напр. lang="bg")
Секциите на друг език са обозначени с атрибут lang на съдържащия ги елемент
Съкращенията се разясняват при първата употреба или чрез <abbr title="...">, когато е полезно

Защо е важно: Екранните четци използват атрибута за език, за да изберат правилния двигател за произношение. Без него английски текст, прочетен от немскоезичен двигател, е почти неразбираем.

12. Последователно, предвидимо поведение

Получаването на фокус не задейства автоматично промяна в контекста (напр. формулярът не се изпраща, когато поле получи фокус)
Промяната на поле от формуляр не задейства неочаквана навигация или модални диалози
Компонентите със същата функция на различните страници са обозначени последователно

Защо е важно: Непредвидимото поведение е объркващо за всички потребители, но особено за тези с когнитивни увреждания или тези, които разчитат на екранни четци.

13. PDF документи и файлове

PDF файловете, налични за изтегляне, са с маркирана структура (заглавия, списъци, ред на четене)
Полетата на PDF формулярите са обозначени
Сканираните PDF файлове (само изображение) са обработени с OCR и маркирани
Файловете Word, Excel и PowerPoint използват вградените функции за достъпност (стилове на заглавия, alt текст, имена на листове)

Защо е важно: Съдилищата и DOJ последователно третират документите за изтегляне като част от достъпното съдържание на уебсайта. Недостъпен PDF в иначе достъпно плащане все пак е бариера.

14. Достъпност на мобилни устройства

Цялата функционалност е достъпна както в портретна, така и в пейзажна ориентация
Целите за докосване (бутони, връзки) са с размер най-малко 44×44 CSS пиксела
Съдържанието не изисква хоризонтално превъртане при стандартни изгледи
Сайтът не деактивира мащабирането от потребителя чрез maximum-scale или user-scalable=no в meta тага viewport

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

15. Декларация за достъпност

Публикувана е декларация за достъпност, свързана от долния колонтитул на сайта
Декларацията идентифицира стандарта, към който сайтът се стреми (WCAG 2.1 AA)
Декларацията включва механизъм за контакт, чрез който потребителите могат да докладват бариери
Самият механизъм за контакт е достъпен

Защо е важно: Декларацията за достъпност демонстрира добросъвестност и дава на потребителите път за разрешаване, преди да търсят правни средства за защита. Тя също се изисква по няколко щатски закони и се очаква съгласно насоките на DOJ.

Правоприлагане и риск от съдебни спорове

ADA Title III не изисква ищците да доказват умишлена дискриминация. Ако съществува бариера и тя е попречила на човек с увреждане да получи достъп до стоки или услуги, искът може да продължи. Средствата за защита по Title III не включват обезщетения (за разлика от Section 504), но включват съдебна забрана и адвокатски хонорари — които често са основният двигател на серийните съдебни спорове.

Обемът на съдебните дела за достъпност на уебсайтове по ADA в Съединените щати рязко нараства през последните години, с хиляди подадени искове годишно. Малките и средните предприятия са честа цел, защото се възприемат като по-малко вероятно да са инвестирали в съответствие.

Ако сте получили писмо с искане по ADA, не го игнорирайте. Ангажирайте своевременно правен съветник и възложете одит на достъпността, за да имате точна представа за съответствието на сайта си.

Поддържане на съответствие във времето

Еднократен одит и отстраняване не са достатъчни. Всяка нова страница, функция или интеграция на трета страна може да въведе нови бариери. Организациите с най-нисък риск от съдебни спорове поддържат съответствие непрекъснато:

Автоматизираното сканиране, вградено в работния процес на разработката, улавя установими проблеми преди да достигнат до продукцията. Нашата услуга интеграция на достъпността в CI/CD прави това част от всяка компилация.
Планираните ръчни одити извеждат на повърхността проблемите, които автоматизираните инструменти не могат да откриват — взаимодействие с екранен четец, когнитивна сложност, капани за клавиатурата.
Обучението по достъпност за разработчици и автори на съдържание предотвратява въвеждането на бариери на първо място.
Механизмите за обратна връзка от потребители дават на хората с увреждания директен канал за докладване на бариери, преди те да се превърнат в правни проблеми.

Безплатно автоматизирано сканиране е най-бързият начин да идентифицирате най-видимите провали на WCAG на сайта си. За пълна картина, съобразена с вашата уязвимост по ADA, свържете се с нашия екип, за да обсъдите пълен одит.