Лекция

Четыре из шести — ваши

Ася — UX-писатель в продуктовой команде. Она пришла на ревью чужого экрана: каталог товаров, двенадцать карточек, под каждой ссылка «Подробнее». Автоматический сканер по этой странице отработал чисто — текст у ссылок есть, пустых элементов нет. Ася попросила добавить в макет название товара внутрь ссылки. Дизайнер ответил, что это разрушит сетку, а сканер и так зелёный.

Спор кончился ничем, потому что у Аси не было аргумента, кроме «так лучше». Аргумент существует, и он не про вкус: скринридер умеет собрать список всех ссылок страницы и отсортировать его по алфавиту. В этом списке двенадцать строк «Подробнее» стоят подряд и не отличаются ничем.

Свежий замер WebAIM по миллиону главных страниц: 95,9 % из них имеют нарушения, обнаружимые автоматом, в среднем 56,1 ошибки на страницу. Шесть категорий дают 96 % всех находок и возглавляют список семь лет подряд. Четыре из этих шести — отсутствующий или пустой текст.

53,1 %
страниц — изображения без альтернативного текста
51 %
страниц — поля формы без подписей
46,3 %
страниц — пустые ссылки
30,6 %
страниц — пустые кнопки

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

Оговорка, без которой цифры врут

Это машинно обнаружимые ошибки. Автомат видит, что альтернативный текст пустой, но не видит, что он врёт. Реальная доля страниц с проблемами выше — насколько, не знает никто.

О чём эта лекция и о чём она не говорит

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

  • Про кнопки говорим только про доступное имя и критерий «метки в названии». Выбор глагола и паттерны призыва к действию — не сюда.
  • Про формы говорим только про то, что подпись обязана быть программно связана и озвучена, и почему плейсхолдер её не заменяет.
  • Про ошибки говорим только про два критерия стандарта и про то, что текст ошибки обязан дойти до программы экранного доступа.
  • Про проверку говорим про инструменты доступности и прогон скринридером.

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

Тема 1 из 18 · Почему это текст, а не код

Четыре из шести самых частых провалов — текстовые

Раз в год WebAIM прогоняет автоматическую проверку по главным страницам миллиона сайтов и публикует срез. Отчёт 2026 года собран в феврале 2026-го, страница обновлена 30 марта 2026-го. Выборка — 1 000 000 главных страниц.

95,9 %
страниц с обнаружимыми автоматом нарушениями (годом раньше — 94,8 %)
56 114 377
всего найденных ошибок
56,1
ошибки на страницу в среднем — рост на 10,1 % за год
Распределение по типам нарушений, доля главных страниц
Тип нарушенияДоля страницЧья это работа
Низкий контраст текста83,9 %дизайнер
Нет альтернативного текста у изображений53,1 %писатель
Нет подписей у полей формы51 %писатель и разработчик
Пустые ссылки46,3 %писатель
Пустые кнопки30,6 %писатель
Не указан язык документа13,5 %разработчик

На эти шесть категорий приходится 96 % всех найденных ошибок, и они возглавляют список семь лет подряд. Семь лет — это срок, за который отрасль успела сменить два поколения фреймворков и ни разу не сдвинуть первые шесть строк.

Что это значит для распределения ролей

Контраст и язык документа вам не подчиняются: первое решает дизайн-система, второе — разработчик одной строкой в шаблоне. Зато альтернативный текст, подписи полей, тексты ссылок и доступные имена кнопок не напишет за вас никто. Если в таблице текстов для этих строк нет ячейки, их не будет и в продукте.

Чего этот замер не показывает

Все перечисленные нарушения — машинно обнаружимые. Автомат фиксирует отсутствие текста, а не его качество: alt из имени файла, ссылка «Подробнее» и подпись «Введите значение» для него неотличимы от хорошего текста. Реальная доля проблемных страниц выше этих 95,9 %.

Команда прогнала главную страницу продукта автоматическим сканером: ноль замечаний. Что корректно сказать на основании этого результата?
Автомат фиксирует отсутствие текста, а не его осмысленность: alt из имени файла и ссылка «Подробнее» проходят проверку без замечаний.
Из шести самых частых типов нарушений четыре относятся к текстам. Какой из перечисленных в этот список НЕ входит?
Четыре текстовые позиции списка — это отсутствующий текст: alt, подписи полей, ссылки и кнопки. Порядок заголовков в шестёрку самых частых машинных находок не попал.
Бесплатный доступ

Дальше нужен аккаунт

Прогресс и монеты сохранятся.