Доступность сайта на WordPress Привести к WCAG — без замены темы и переписывания сайта

Что в WordPress чаще всего ломает доступность

1. 01

   Тема

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

2. 02

   Конструкторы страниц

   Elementor, WPBakery и Divi собирают разметку из одинаковых блоков: заголовки получаются не по порядку, а по размеру шрифта. Для экранного диктора структура страницы при этом исчезает — он не может перейти «к следующему разделу».

3. 03

   Плагин доступности

   Кнопка-человечек в углу меняет размер текста и цвета поверх сайта. Сам сайт она не чинит, а владельцу кажется, что вопрос закрыт. Проверяющий смотрит на код страницы, а не на виджет.

4. 04

   Формы

   Contact Form 7, WPForms и Elementor Forms по умолчанию подставляют подсказку внутрь поля вместо подписи. Подсказка исчезает при вводе, и человек с экранным диктором не знает, что он заполняет.

5. 05

   Слайдеры и всплывающие окна

   Revolution Slider и попапы забирают фокус клавиатуры и не отдают: с клавиатуры со страницы не уйти. Автопрокрутка без кнопки «стоп» — отдельное нарушение.

6. 06

   Медиатека

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

Как мы это чиним

1. 01

   Проверяем

   Автоматическая проверка плюс руки: проход по странице только с клавиатуры, экранный диктор, увеличение до 200 %. Отчёт — списком по важности, с указанием, где именно в теме или плагине лежит причина.

2. 02

   Правим в дочерней теме

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

3. 03

   Настраиваем, что настраивается

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

4. 04

   Пишем заявление

   Готовим текст заявления о доступности и ставим его отдельной страницей со ссылкой в подвале. Публикует организация от своего имени; что осталось неисправленным, в заявлении тоже перечисляется.

Чего мы не делаем

• Не ставим плагин доступности вместо работы и не выдаём его за соответствие
• Не обещаем «полного соответствия»: часть требований проверяется только человеком и зависит от вашего содержимого
• Не правим файлы купленной темы напрямую — первое же обновление сотрёт правки
• Не трогаем содержание страниц без вашего согласия: тексты и картинки ваши

Что останется на вашей стороне

Доступность — это не разовая работа, а привычка. После наших правок сайт проходит проверку, но каждая новая страница снова зависит от того, как её собрали. Мы показываем редактору три вещи, которых хватает в девяти случаях из десяти.

• Заполнять alt у смысловых картинок при загрузке: потом их сотни и уже не разобрать
• Ставить заголовки по порядку — H2, под ним H3, а не «тот, что крупнее»
• Называть ссылки по смыслу: «условия работы», а не «подробнее» и «читать далее»
• Не публиковать PDF без текстового слоя — скан документа недоступен в принципе

Проверьте свой сайт прямо сейчас

Бесплатная проверка читает ту же разметку, что и проверяющий: увеличение страницы, имена кнопок, подписи полей, порядок заголовков, заявление. Она не заменяет ручной аудит, но за десять секунд показывает, с чего начинать.