Доступность — Все статьи и туториалы

Цифровая доступность в первую очередь измеряется специализированными инструментами (axe-core, Lighthouse, Pa11y), которые анализируют DOM и роли ARIA. Однако значительная часть правил WCAG также проверяется визуально: коэффициент контраста текста и фона, соответствующий норме AA, видимый фокус, достаточно различимый при навигации с клавиатуры, размер тач-целей не менее 44 пикселей, визуальная иерархия, отражающая иерархию семантическую. Визуальное тестирование не заменяет аудит доступности, но является его естественным и часто недооценённым дополнением.

Статьи на этой странице исследуют это пересечение: как обнаружить регрессию контраста, вызванную обновлением палитры, как убедиться, что состояние focus не исчезло после правок CSS, как систематически тестировать тёмные режимы и альтернативные темы под углом доступности, как сочетать линтер axe-core в CI с визуальным тестом, посвящённым интерактивным состояниям. Вы также найдёте честный разбор ограничений: визуальный тест не подскажет, плохо ли составлен aria-label, и не проверит, правильно ли screen reader интерпретирует структуру, но он эффективно ловит тот класс багов, когда код остаётся валидным, а отображение становится непригодным для использования. Это дополняющий, а не конкурирующий подход по отношению к специализированным инструментам доступности.