Что такое доступность веб-интерфейса и с чего её начинать?
- Что такое a11y?
- Что такое WCAG?
Доступность — возможность пользоваться интерфейсом людям с нарушениями зрения, слуха, моторики, когнитивными особенностями, а также всем в неудобных условиях (солнце, одна рука). Стандарт — WCAG (уровень AA — обычная цель). Основы: семантическая разметка, текстовые альтернативы (alt), подписи полей (label), работа с клавиатуры и видимый фокус, достаточный контраст (4.5:1 для текста), не передавать смысл только цветом, масштабирование до 200 % без поломок.
- Проверка: пройти сценарий только клавиатурой, включить скринридер, Lighthouse и axe
- Доступность дешевле закладывать сразу, чем чинить потом
- В ряде стран и для госзаказчиков — требование закона
Подробно
Быстрая проверка формы: у каждого поля есть label; ошибки описаны текстом, а не только красной рамкой; Tab проходит поля по порядку; кнопка отправки — настоящий button.
Что хотят услышать
- Что такое доступность и WCAG.
- Базовые практики.
- Способы проверки.
Проверьте себя
Один верный вариант. Подумайте, потом откройте ответ.
Показать варианты и ответ
- ✗Доступность нужна только незрячим пользователям, остальным она ничего не даёт
- ✗Достаточно добавить кнопку «версия для слабовидящих» и расставить ARIA-роли на все блоки страницы
- ✓Семантика, подписи и alt, клавиатура и видимый фокус, контраст; ориентир — WCAG AA
- ✗Ошибки формы достаточно показывать красной рамкой, без текста
Связанные вопросы
Разбор собеседования с sotto
После собеседования sotto разбирает разговор: оценка, каждый вопрос — хорошо, частично или слабо, чего не хватило в ответе и над чем поработать к следующему разу. Первые 30 минут бесплатно.