Контролен списък WCAG 2.2 за уебсайтове и онлайн магазини

Изображения и медия

• Всяко информативно изображение има смислен алтернативен текст; декоративните имат празен alt.WCAG 1.1.1 · Частично автоматично
• Иконите и SVG графиките със смисъл имат текстова алтернатива.WCAG 1.1.1 · Проверява се автоматично
• Видеата имат субтитри; съдържанието само със звук има препис.WCAG 1.2.1, 1.2.2 · Ръчна проверка
• Звукът не се пуска сам или може да бъде спрян.WCAG 1.4.2 · Ръчна проверка

Текст и цветове

• Текстът има контраст поне 4,5:1 (големият текст 3:1).WCAG 1.4.3 · Проверява се автоматично
• Бутоните, рамките на полетата и важните икони имат контраст поне 3:1.WCAG 1.4.11 · Ръчна проверка
• Информацията не се предава само чрез цвят (задължителни полета, промоционални цени, грешки).WCAG 1.4.1 · Ръчна проверка
• Страницата може да се увеличи до 200 % без загуба на съдържание; увеличаването не е блокирано.WCAG 1.4.4 · Частично автоматично

Структура

• Всяка страница има език (lang) и уникално, описателно заглавие.WCAG 3.1.1, 2.4.2 · Проверява се автоматично
• Заглавията образуват логична структура (едно h1, без прескачане на нива).WCAG 1.3.1 · Частично автоматично
• Списъците, таблиците и областите на страницата имат правилен HTML код.WCAG 1.3.1 · Частично автоматично

Клавиатура и фокус

• Всяка функция работи само с клавиатура: меню, филтри, количка, поръчка.WCAG 2.1.1 · Ръчна проверка
• Фокусът на клавиатурата винаги е ясно видим.WCAG 2.4.7 · Ръчна проверка
• В изскачащите прозорци, чатовете и банерите за бисквитки няма капани за клавиатурата.WCAG 2.1.2 · Ръчна проверка
• Връзка „към съдържанието“ или ориентири позволяват прескачане на повтарящи се блокове.WCAG 2.4.1 · Частично автоматично
• Елементът с фокус не е скрит зад фиксирана заглавна лента или банер.WCAG 2.4.11 · Ръчна проверка

Формуляри и поръчка

• Всяко поле има видим етикет (placeholder не е достатъчен).WCAG 1.3.1, 3.3.2 · Проверява се автоматично
• Съобщенията за грешка казват какво не е наред и как да се поправи.WCAG 3.3.1, 3.3.3 · Ръчна проверка
• Полетата за име, адрес и имейл използват autocomplete.WCAG 1.3.5 · Проверява се автоматично
• Влизането и поръчката не изискват гатанки или тестове за памет без алтернатива.WCAG 3.3.8 · Ръчна проверка
• Вече въведена информация не трябва да се въвежда отново.WCAG 3.3.7 · Ръчна проверка

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

• Връзките и бутоните имат разбираеми имена, включително бутоните с икона.WCAG 2.4.4, 4.1.2 · Проверява се автоматично
• Зоните за натискане са поне 24 × 24 CSS пиксела или имат достатъчно разстояние.WCAG 2.5.8 · Проверява се автоматично
• Действията с плъзгане имат алтернатива с едно натискане.WCAG 2.5.7 · Ръчна проверка

Динамично съдържание

• Съобщенията за състояние („добавено в количката“, грешки) се обявяват на екранните четци.WCAG 4.1.3 · Ръчна проверка
• Въртележките и анимациите могат да бъдат спрени; нищо не мига повече от три пъти в секунда.WCAG 2.2.2, 2.3.1 · Ръчна проверка
• Времевите ограничения могат да се удължат или изключат.WCAG 2.2.1 · Ръчна проверка

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