Чеклист за WCAG 2.2: Всички 86 критерия за успех обяснени

Този чеклист обхваща всеки критерий за успех в WCAG 2.2, организиран по четирите принципа POUR и тринадесетте насоки. Всеки критерий включва неговото ниво на съответствие, практическо обяснение и насоки какво означава на практика.

Принцип 1: Възприемаемо

Информацията и компонентите на потребителския интерфейс трябва да могат да бъдат представени на потребителите по начини, които те могат да възприемат.

Насока 1.1: Текстови алтернативи

1.1.1 Нетекстово съдържание (ниво A) — Цялото нетекстово съдържание, представено на потребителя, има текстова алтернатива, която служи за еквивалентна цел. Това включва изображения, икони, диаграми, аудио, видео, анимации, CAPTCHA и декоративни елементи.

Насока 1.2: Времево-базирани медии

1.2.1 Само аудио и само видео — предварително записано (ниво A) — Осигурете транскрипция за предварително записано аудио и транскрипция или аудиоописание за предварително записано видео без звук.

1.2.2 Субтитри — предварително записани (ниво A) — Осигурете синхронизирани субтитри за всяко предварително записано видео с аудио.

1.2.3 Аудиоописание или медийна алтернатива — предварително записано (ниво A) — Осигурете аудиоописание или пълна текстова алтернатива за предварително записано видео.

1.2.4 Субтитри — на живо (ниво AA) — Осигурете субтитри в реално време за цялото аудио на живо във видео съдържание.

1.2.5 Аудиоописание — предварително записано (ниво AA) — Осигурете аудиоописание за цялото предварително записано видео, където важна визуална информация не се предава чрез звука.

Насока 1.3: Адаптивно

1.3.1 Информация и връзки (ниво A) — Информацията, структурата и връзките, предавани чрез представянето, могат да бъдат програмно определени или са достъпни в текст.

1.3.2 Смислена последователност (ниво A) — Когато последователността на представяне на съдържанието влияе на неговото значение, правилният ред за четене може да бъде програмно определен.

1.3.3 Сензорни характеристики (ниво A) — Инструкциите не разчитат единствено на сензорни характеристики като форма, цвят, размер, визуално местоположение, ориентация или звук.

1.3.4 Ориентация (ниво AA) — Съдържанието не ограничава показването си до една ориентация на екрана.

1.3.5 Идентифициране на целта на въвеждане (ниво AA) — Целта на полетата за въвеждане, събиращи потребителска информация, може да бъде програмно определена чрез атрибута autocomplete.

Насока 1.4: Разграничимо

1.4.1 Използване на цвят (ниво A) — Цветът не се използва като единствено визуално средство за предаване на информация.

1.4.2 Контрол на звука (ниво A) — Ако звук се възпроизвежда автоматично повече от три секунди, осигурете механизъм за пауза, спиране или контрол на силата на звука.

1.4.3 Контраст — минимум (ниво AA) — Текстът и изображенията на текст имат контрастно съотношение от поне 4,5:1, с изключение на голям текст (3:1).

1.4.4 Промяна на размера на текста (ниво AA) — Текстът може да бъде увеличен до 200% без загуба на съдържание или функционалност.

1.4.5 Изображения на текст (ниво AA) — Текстът се използва за предаване на информация вместо изображения на текст.

1.4.10 Преформатиране (ниво AA) — Съдържанието може да бъде представено без загуба на информация и без нужда от скролване в две посоки при ширина 320 CSS пиксела.

1.4.11 Нетекстов контраст (ниво AA) — Компонентите на потребителския интерфейс и значимите графични обекти имат контрастно съотношение от поне 3:1.

1.4.12 Разстояние на текста (ниво AA) — Няма загуба на съдържание, когато потребителите настроят височината на реда до 1,5x, разстоянието между абзаците до 2x, разстоянието между буквите до 0,12x и разстоянието между думите до 0,16x от размера на шрифта.

1.4.13 Съдържание при hover или фокус (ниво AA) — Когато hover или фокус задействат допълнително съдържание, то е отхвърляемо, задържимо и постоянно.

Принцип 2: Управляемо

Компонентите на потребителския интерфейс и навигацията трябва да могат да се управляват.

Насока 2.1: Клавиатурна достъпност

2.1.1 Клавиатура (ниво A) — Цялата функционалност може да се управлява чрез клавиатурен интерфейс.

2.1.2 Без клавиатурен капан (ниво A) — Ако клавиатурният фокус може да бъде преместен към компонент, фокусът може да бъде преместен и от него само с клавиатура.

2.1.4 Клавишни бързи команди (ниво A) — Ако клавишна бърза команда използва само буквени, пунктуационни, цифрови или символни клавиши, тя може да бъде деактивирана или предефинирана.

Насока 2.2: Достатъчно време

2.2.1 Настройване на времето (ниво A) — За всяко ограничение на времето потребителят може да го деактивира, настрои или удължи.

2.2.2 Пауза, спиране, скриване (ниво A) — За съдържание, което се движи, мига, скролва или автоматично се актуализира, потребителите могат да го поставят на пауза, да го спрат или да го скрият.

Насока 2.3: Пристъпи и физически реакции

2.3.1 Три мигания или под прага (ниво A) — Нищо на страницата не мига повече от три пъти за период от една секунда.

Насока 2.4: Навигация

2.4.1 Прескачане на блокове (ниво A) — Наличен е механизъм за прескачане на повтарящи се блокове от съдържание.

2.4.2 Заглавие на страницата (ниво A) — Уеб страниците имат заглавия, описващи тяхната тема или цел.

2.4.3 Ред на фокуса (ниво A) — Фокусируемите компоненти получават фокус в ред, който запазва смисъла и управляемостта.

2.4.4 Цел на връзката — в контекст (ниво A) — Целта на всяка връзка може да бъде определена от текста на връзката сам по себе си или заедно с контекста.

2.4.5 Множество методи (ниво AA) — Повече от един метод е наличен за намиране на страница в набор от страници.

2.4.6 Заглавия и етикети (ниво AA) — Заглавията и етикетите описват тяхната тема или цел.

2.4.7 Видим фокус (ниво A) — Всеки потребителски интерфейс, управляем с клавиатура, има видим индикатор за фокус.

2.4.11 Фокусът не е скрит — минимум (ниво AA) — Когато компонент получи клавиатурен фокус, той не е изцяло скрит от авторско съдържание. (Ново в WCAG 2.2)

2.4.12 Фокусът не е скрит — разширено (ниво AAA) — Когато компонент получи клавиатурен фокус, никоя част от индикатора за фокус не е скрита. (Ново в WCAG 2.2)

2.4.13 Вид на фокуса (ниво AAA) — Индикаторите за фокус имат достатъчен размер и контраст. (Ново в WCAG 2.2)

Насока 2.5: Входни модалности

2.5.1 Жестове с показалец (ниво A) — Цялата функционалност, използваща многоточкови или базирани на пътека жестове, може да се управлява с единичен показалец.

2.5.2 Отмяна на показалец (ниво A) — За функционалност с единичен показалец действието се задейства при събитието up и може да бъде прекъснато или отменено.

2.5.3 Етикет в името (ниво A) — За компоненти с текстови етикети достъпното име съдържа визуално представения текст.

2.5.4 Активиране чрез движение (ниво A) — Функционалност, задействана от движение на устройството, може да се управлява и чрез компонент на потребителския интерфейс.

2.5.7 Жестове за плъзгане (ниво AA) — Цялата функционалност, използваща плъзгане, може да бъде постигната и с единичен показалец без плъзгане. (Ново в WCAG 2.2)

2.5.8 Размер на целта — минимум (ниво AA) — Интерактивните цели са поне 24 по 24 CSS пиксела. (Ново в WCAG 2.2)

Принцип 3: Разбираемо

Информацията и работата с потребителския интерфейс трябва да бъдат разбираеми.

Насока 3.1: Четимо

3.1.1 Език на страницата (ниво A) — Стандартният език на всяка уеб страница може да бъде програмно определен чрез атрибута lang.

3.1.2 Език на частите (ниво AA) — Езикът на всеки абзац или изречение може да бъде програмно определен.

Насока 3.2: Предвидимо

3.2.1 При фокус (ниво A) — Когато компонент получи фокус, не се задейства промяна на контекста.

3.2.2 При въвеждане (ниво A) — Промяната на настройка на компонент не предизвиква автоматично промяна на контекста.

3.2.3 Последователна навигация (ниво AA) — Навигационни механизми, повтарящи се на множество страници, се показват в един и същ относителен ред.

3.2.6 Последователна помощ (ниво A) — Ако механизми за помощ се появяват на множество страници, те се показват в един и същ относителен ред. (Ново в WCAG 2.2)

Насока 3.3: Помощ при въвеждане

3.3.1 Идентифициране на грешка (ниво A) — Ако грешка при въвеждане бъде автоматично открита, елементът с грешка се идентифицира и грешката се описва в текст.

3.3.2 Етикети или инструкции (ниво A) — Етикети или инструкции се предоставят, когато съдържанието изисква потребителско въвеждане.

3.3.3 Предложение при грешка (ниво AA) — Ако грешка бъде открита и са известни предложения, те се предоставят на потребителя.

3.3.4 Предотвратяване на грешки — правни, финансови, данни (ниво AA) — За страници, причиняващи правни задължения, финансови транзакции или промени в данни, подаванията са обратими, проверявани или потвърждаеми.

3.3.7 Излишно въвеждане (ниво A) — Информация, въведена преди това в същия процес, се попълва автоматично или е налична за избор. (Ново в WCAG 2.2)

3.3.8 Достъпно удостоверяване — минимум (ниво AA) — Когнитивен функционален тест не се изисква за удостоверяване, освен ако не са налични алтернативи. (Ново в WCAG 2.2)

3.3.9 Достъпно удостоверяване — разширено (ниво AAA) — Същото като 3.3.8, но без изключението за разпознаване на обекти. (Ново в WCAG 2.2)

Принцип 4: Устойчиво

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

Насока 4.1: Съвместимо

4.1.2 Име, роля, стойност (ниво A) — За всички компоненти на потребителския интерфейс името и ролята могат да бъдат програмно определени.

4.1.3 Съобщения за статус (ниво AA) — Съобщенията за статус могат да бъдат програмно определени чрез роля или свойства, така че да бъдат представени от помощни технологии без да получават фокус.

Забележка: SC 4.1.1 Parsing е премахнат от WCAG 2.2 като остарял.

Критерии на ниво AAA (допълнителни)

Следните критерии на ниво AAA представляват най-високото ниво на достъпност и се препоръчват, където е практически възможно:

1.2.6 Жестомимичен език — предварително записано (AAA) — Предоставя се превод на жестомимичен език за цялото предварително записано аудио съдържание.

1.2.7 Разширено аудиоописание (AAA) — Предоставя се разширено аудиоописание, когато паузите в аудиото са недостатъчни.

1.2.8 Медийна алтернатива — предварително записано (AAA) — Предоставя се пълна текстова алтернатива за цялото предварително записано синхронизирано медийно и видео съдържание.

1.2.9 Само аудио — на живо (AAA) — Предоставя се текстова алтернатива за аудио съдържание на живо.

1.4.6 Контраст — разширен (AAA) — Текстът има контрастно съотношение от поне 7:1 за нормален текст и 4,5:1 за голям текст.

2.1.3 Клавиатура — без изключение (AAA) — Цялата функционалност може да се управлява чрез клавиатура без изключения.

2.2.3 Без таймиране (AAA) — Таймирането не е съществена част от събитието или дейността.

2.5.5 Размер на целта — разширен (AAA) — Интерактивните цели са поне 44 по 44 CSS пиксела.

3.1.5 Ниво на четене (AAA) — Когато текстът изисква по-напреднали умения за четене, предоставя се допълнително съдържание или алтернативна версия.

3.2.4 Последователна идентификация (AA) — Компоненти с една и съща функционалност в набор от страници се идентифицират последователно.

3.3.5 Помощ (AAA) — Предоставя се контекстно-чувствителна помощ.

3.3.6 Предотвратяване на грешки — всички (AAA) — За всички страници, изискващи потребителско въвеждане, подаванията са обратими, проверявани или потвърждаеми.