Код-ревью Middle Цвет, контраст, доступность обновлено
Ревью экрана входа на доступность
Вопрос
Описан экран входа. Найдите проблемы доступности.
1. Поля «Email» и «Пароль» без подписей, только плейсхолдеры серым #9CA3AF на белом
2. Вставка в поле пароля запрещена «для безопасности»
3. Ошибка: поле краснеет, текста ошибки нет
4. Кнопка «Войти» белым текстом 16 px на #FF9500
5. Иконка «глаз» для показа пароля 16 × 16 px без подписи
6. Капча: выбрать все картинки со светофорами, альтернативы нет
7. При фокусе с клавиатуры обводка убрана (outline: none) ради красоты
Коротко
Экран входа самый важный для доступности: если человек не вошёл, остальной продукт для него не существует. Почти все проблемы здесь закрываются базовыми мерами: видимые подписи, контраст, текст ошибок, видимый фокус и вход без когнитивных тестов.
Что должен найти ревьюер
- Ошибкастрока 1Плейсхолдер не заменяет подпись: исчезает при вводе, а #9CA3AF на белом около 2.54:1. Нужны видимые подписи над полями.
- Ошибкастрока 2Запрет вставки мешает менеджерам паролей и нарушает 3.3.8 Accessible Authentication: человек вынужден запоминать и перепечатывать пароль.
- Ошибкастрока 3Ошибка только цветом (1.4.1) и без текста: непонятно, что исправить, скринридер ничего не сообщит.
- Ошибкастрока 4Белый на #FF9500 около 2.2:1, ниже 4.5:1 для текста 16 px.
- Ошибкастрока 5Цель 16 × 16 px меньше минимума 24 × 24 (2.5.8), у кнопки нет доступного имени, скринридер прочитает «кнопка».
- Ошибкастрока 6Визуальная капча без альтернативы непроходима для незрячих: 1.1.1 требует для CAPTCHA альтернативу в другой модальности (например, аудио). Лучше невидимые антибот-механизмы. Распознавание объектов при этом прямо разрешено исключением в 3.3.8.
- Ошибкастрока 7Без видимого фокуса (2.4.7) клавиатурный пользователь не знает, где находится. Можно стилизовать фокус, но не убирать.
Разбор
Экран входа самый важный для доступности: если человек не вошёл, остальной продукт для него не существует. Почти все проблемы здесь закрываются базовыми мерами: видимые подписи, контраст, текст ошибок, видимый фокус и вход без когнитивных тестов.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.