Тестирование и процесс: автопроверки, ручной аудит, доступность в команде
Как проверять доступность на всех слоях — от линтера до людей, которые пользуются скринридером, — и как встроить это в процесс так, чтобы оно не отваливалось через месяц.
Локально и без аккаунта. Аккаунта нет, регистрация не нужна: введённое в инструменты остаётся в localStorage браузера и на сервер не уходит.
Свой счётчик считает открытия страниц и дочитывания: уезжает адрес и десятая доля текста. Без cookies и чужих счётчиков, IP не хранится, Do Not Track уважается. Как это проверить
Репозиторий портала не выложен, «открытым кодом» мы его не зовём. Открыто это:
Живёт портал на донатах, платных консультациях и разборах по запросу и покупке Workbench.
Планов делать курсы платными нет.
Выкладка от 16 сентября 2026, срез 95043e5
Что изменилось на портале с вашего прошлого захода. Полный список выкладок — в разделе «Что изменилось» на странице «О нас».
14 материалов в этой теме.
Как проверять доступность на всех слоях — от линтера до людей, которые пользуются скринридером, — и как встроить это в процесс так, чтобы оно не отваливалось через месяц.
Как превратить в текст то, что нарисовано: дерево решений для alt, каталог случаев с кодом, длинные описания для графиков и карт, четыре режима доступного SVG, разметка …
Почему дерево доступности строится из тегов, что именно ломается при замене button на div и как за пять минут руками проверить семантику своей страницы
Что требуют критерии 1.2.1–1.2.9, чем субтитры отличаются от транскрипта и когда нужна аудиодескрипция, как устроен WebVTT, каким должен быть плеер с клавиатуры и как …
Самый массовый и хуже всего стандартизованный пласт доступности: пять когнитивных ресурсов интерфейса, понятный язык и его метрики, предсказуемость и консистентная …
Как устроен фокус в браузере, как не сломать порядок обхода, как сделать правильную ловушку фокуса в модалке и рабочие skip-links — с кодом, проверками и разбором WCAG …
Кто и как на самом деле пользуется интерфейсами, что требуют WCAG 2.2 и законы вроде EAA и ADA, как за пять минут руками проверить свой продукт и как посчитать …
Как устроено доступное поле ввода: подписи вместо плейсхолдеров, группировка, autocomplete, связанные подсказки, состояния ошибок, сводка ошибок с переводом фокуса и …
Как собрать модальный диалог, выпадающее меню, вкладки и автодополнение так, чтобы ими можно было пользоваться клавиатурой и скринридером: рабочий код, разбор паттернов …
Что такое цифровая доступность как инженерная дисциплина: кто и какими способами пользуется интерфейсами, как ассистивные технологии читают страницу, что ломается чаще …
Как заложить доступность в макет: считать контраст, а не подбирать на глаз; проектировать зоны нажатия; рисовать все состояния; задавать порядок чтения и фокуса; …
Как считается контраст и почему серый текст — это баг, как пережить масштаб 400% и увеличенные интервалы, каким должен быть размер цели, что делать с анимацией и …
По этому запросу ничего не найдено.