Большие кнопки на телефоне: что на самом деле говорят правила доступности
WCAG 2.2 не ограничивается советом «делайте кнопки большими». Критерий AA о минимальном размере рассматривает цель не менее 24×24 CSS-пикселя либо при заданных условиях пространство вокруг меньшей цели. Усиленный критерий AAA использует 44×44. Это технические пороги, а не обещание безошибочного нажатия для каждого.
Измеряйте активную область, а не только рисунок
Цель — область, принимающая касание или другой ввод указателем. Маленький значок может иметь большую активную область, а большая плитка — лишь небольшой активный участок. Измерение ведётся в CSS-пикселях, отличных от физических пикселей экрана.
Масштаб, размер пальца и диагональ телефона не создают соответствие автоматически. Проверяйте фактическую область во всех состояниях, меню, наложениях и ориентациях.
Минимум AA: 24×24 CSS-пикселя или заданный интервал
WCAG 2.2 SC 2.5.8 требует не менее 24×24 CSS-пикселя. Меньшая цель использует исключение по интервалу лишь тогда, когда воображаемые круги диаметром 24 CSS-пикселя с центром на малых целях не пересекают другие цели или их круги.
Другие исключения: равнозначный элемент, ссылка в строке, размер от пользовательского агента, существенное или законодательно обязательное представление. Прохождение по исключению не означает удобство; W3C рекомендует достигать самого минимума.
AAA повышает ориентир до 44×44
SC 2.5.5 Target Size (Enhanced) обычно требует 44×44 CSS-пикселя и содержит свои исключения. Это более строгий уровень AAA, не минимум AA и не универсальное число.
Он может быть полезной целью для важного действия. Но большая область, ясная подпись и пространство недостаточны при путанице действий, сдвиге макета, неясном подтверждении или другом способе ввода.
Размер, расстояние и отмена работают вместе
Расстояние уменьшает вероятность соседнего нажатия при треморе, движении транспорта, работе одной рукой или меньшей точности. Это возможные потребности и условия, а не диагнозы по одной ошибке.
SC 2.5.2 Pointer Cancellation касается момента активации: многие действия должны завершаться при отпускании с возможностью отмены или возврата, с исключениями. Для важного сигнала проверяйте понятное подтверждение и исправление ошибки.
Матрица: соответствие и удобство
Практическая колонка требует реального продукта и не заменяет аудит WCAG.
| Аспект | Правило или порог | Практическая проверка |
|---|---|---|
| Активная область | Реальная цель, не значок | Отвечает вся ожидаемая область? |
| Минимум AA | 24×24 CSS px | Её всё ещё легко достичь? |
| Интервал | Круги 24 px не пересекаются | Случайно задевается сосед? |
| AAA усиленный | 44×44 CSS px | Подходит главному действию? |
| Подписи | Размер их не решает | Различаются смысл и итог? |
| Активация | Учитывать Pointer Cancellation | Можно отменить до отпускания? |
| Подтверждение | Зависит от риска и пути | Предотвращает ошибку без барьера? |
| Адаптация | Текст и система меняются | Работает масштаб, поворот, крупный текст? |
| Ввод | Касание — один метод | Работает со вспомогательными технологиями? |
| Контекст | WCAG не предсказывает человека | Проверено с нужными людьми и устройствами? |
Осторожно применяйте WCAG к нативному приложению
WCAG — стандарт веб-контента. WCAG2ICT объясняет перенос принципов на невеб-программы и документы, но сам по себе не создаёт декларацию соответствия для любого приложения или закона. Проверяйте применимый контекст.
В My Safe Circle исследуйте главные действия на настоящем устройстве вместе с подписями, подтверждениями, адресатами и резервом. Приложение помогает общаться с доверенными людьми, но не распознаёт события автоматически, не звонит экстренным службам и не гарантирует доставку или действие.
- Активная область измерена в CSS px или подходящем эквиваленте?
- Малые цели проверены по правилу интервала?
- Исключения описаны без объявления хорошим UX?
- Случайная активация, отмена и подтверждение проверены?
- Учтены нужные люди, устройства, масштаб и ввод?
Частые вопросы
24×24 CSS-пикселя означает доступную кнопку?
Цель может выполнить порог AA при соблюдении остальных требований. Это не доказывает читаемость, понимание или удобство для каждого.
44×44 обязательно для WCAG 2.2 AA?
Нет. 44×44 относится к усиленному критерию 2.5.5 уровня AAA; минимум 2.5.8 уровня AA использует 24×24 с исключениями.
Большая кнопка устраняет случайные нажатия?
Нет. Она может помочь, но важны расстояние, соседние действия, активация, подтверждение, поза, устройство и индивидуальные различия.
Источники
Техническая информация и советы по безопасности сверены с этими официальными источниками.
- W3C — Target Size (Minimum), SC 2.5.8
- W3C — Target Size (Enhanced), SC 2.5.5
- W3C — Pointer Cancellation, SC 2.5.2
- W3C — WCAG2ICT для невеб-программ
- W3C — пожилые пользователи и доступность
- My Safe Circle — функции и ограничения
Редакционное раскрытие: руководство подготовила команда My Safe Circle. Оно описывает критерии W3C и ограничения продукта, не заявляя пригодность интерфейса для всех или соответствие конкретному правовому режиму.
ИЗМЕРЯЙТЕ И НАБЛЮДАЙТЕ
Возьмите порог за основу, затем проверьте опыт.
Проверьте активную область, расстояние, ошибки и ввод.
Узнать о My Safe CircleОбщая информация, не сертификация соответствия, юридический или медицинский совет. Потребности и точность различаются; технический порог не гарантирует работу без ошибок.