TGViewer
<divelopers> <divelopers> @alexnozer_dev · 1.18K subscribers
Post #278 1.31K
Автоматизация тестирования доступности

При работе с доступностью хочется всё автоматизировать: обнаружение проблем, классификацию, построение отчётов, постановку задач, отслеживание прогресса и изменений. Понятное и естественное желание.

По разным оценкам текущие инструменты автоматического тестирования доступности способны обнаружить 30-50% проблем. Речь о таких инструментах, как Lighthouse, Axe, WAVE и других. По моим личным ощущениям эта цифра в районе 20-30%.

Текущие инструменты, в основном, проверяют разметку на соответствие определённым правилам. Например, у <img> должен быть атрибут alt, aria-label должен использоваться только у элементов с определёнными ролями, и так далее.

Инструменты не проверяют, осмысленный ли alt у изображения, соответствует ли значение aria-label цели элемента, совпадает ли видимый порядок контента тому, что определён в разметке, правильно ли структурирована страница и другие подобные моменты.

Стив Фолкнер составил список критериев WCAG с пометками, что можно проверить с помощью автоматизации, а что нет. Почти все критерии автоматизируются лишь частично, многое нужно проверять вручную. Подобное также делал Карл Грувс.

Потому что в доступности многое завязано на смыслы, намерения, удобство и пользовательский опыт. Это то, что можно проверить только вручную. В теории инструменты на базе нейросетей могли бы увеличить покрытие, нужно дождаться появления таких.

Можно создать недоступный сайт и получить 100 баллов доступности в Lighthouse и 0 ошибок в Axe. Нет специальных элементов и атрибутов — нет ошибок. Сегодня ни один инструмент не в состоянии автоматически проверить соответсвие WCAG и выдать отчёт.

#a11y
Adrian Roselli Automated WCAG Testing Is Grrreat! I’m a big fan of using automation in WCAG testing. I use bookmarklets, dev tools, browser features & reporting, and a pile of third-party products from assorted vendors. These save me time and effort, letting me focus on more tricky cases. But… Unfortunately…
  • 👍 8
  • ❤ 3
  • 🔥 1
  • 😢 1
More from @alexnozer_dev
  1. Sep 23, 2026Images Preview На некоторых сайтах, где надо показывать изображения в высоком качестве, дл…
  2. Sep 21, 2026Реализация пользовательских атрибутов Под конец прошлого года я рассказывал об API пользов…
  3. Sep 14, 2026Подклассы Event вместо CustomEvent Многие библиотеки предоставляют систему событий в качес…
  4. Sep 11, 2026Эволюция стилей в темах Shopify Адам Ватан на днях поделился новостью, что Shopify выкупил…
  5. Sep 9, 2026Persistent Widgets Многие сайты не должны быть SPA. Но иногда эта архитектура продиктована…
  6. Sep 7, 2026Processing Instructions и маркеры В DOM всё представлено в виде узлов (Node) разных типов.…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →