WCAG
понять и простить
@GlafiraZhur для SpurIT
Декабрь 2022
Глафира Жур
Twitter: @glafirazhur
Accessibility Team Lead
GDE for Web
#WTM Ambassador Vilnius
Что такое WCAG?
WCAG
Web Content Accessibility Guidelines
- Набор рекомендаций по обеспечению доступности
- Стандарт, на который ссылаются законы
WCAG 1.0
WCAG 2.0
WCAG 2.1 -> 2.2
WCAG 3
Принципы доступности интерфейсов
Воспринимаемость: информация и компоненты интерфейса пользователя должны быть представлены пользователям в форме, которая будет им доступна для восприятия.
Управляемость: компоненты интерфейса пользователя и навигационные элементы должны быть управляемы.
Понятность: информация и управление интерфейсом пользователя должны быть понятными.
Устойчивость: контент должен быть достаточно устойчив к обработке, чтобы он мог быть представлен с помощью разнообразных агентов пользователя, включая ассистивные технологии.
Conformance Level (A, AA, AAA)
Тестирование
по WCAG
How to meet WCAG: фильтрация
Тестирование формы заказа
Процесс тестирования
- автоматическое тестирование axe DevTools
- ручное тестирование (клавиатура, скринридер)
- заполнение отчёта о тестировании
VPAT
Пример VPAT
Обзор критериев
Полезные материалы
Глафира Жур
Twitter: @glafirazhur
Спасибо за внимание!
Делай доступно!