Доступность с WordPress

Сам WordPress может быть доступным — проблемы обычно приходят через тему, плагины и блоки страниц.

Частые места выводов

Темы со слишком низким контрастом или без видимого фокуса, плагины слайдеров без паузы/управления с клавиатуры, встроенные формы (Contact Form 7 и т. п.) с полями без подписей, блоки изображений без альтернативного текста и конструкторы страниц, превращающие заголовки просто в крупные абзацы. Базовый редактор WordPress обычно не проблема — проблема в слое над ним.

Проверить и выбрать тему

Тема определяет контраст, отображение фокуса, структуру заголовков и управление навигацией с клавиатуры. Критерии перед выбором: пройдите страницу клавишей Tab — фокус всегда виден? Меню работает без мыши? Цветовой контраст текста и кнопок не менее 4,5:1? Блочные стандартные темы (Twenty Twenty-Four/-Five) — надёжная отправная точка; для платных тем помогает взгляд на демо с отключённым CSS и тест клавиатурой.

Работайте чисто в блочном редакторе

Используйте блоки заголовков в правильном порядке (один H1 на страницу, не пропускайте уровень) — не делайте текст просто крупным и жирным. Дайте каждому блоку изображения альтернативный текст; чисто декоративные изображения явно пометьте как декоративные. Для действий используйте блок кнопки, для навигации — настоящие ссылки. Списки как блок списка, а не как абзац с тире. Таблицы только для настоящих табличных данных и со строкой заголовка.

Плагины и формы

Плагины форм (Contact Form 7, WPForms, Gravity Forms) создают доступные формы только тогда, когда у каждого поля есть видимая связанная подпись, а сообщения об ошибках привязаны к полю — одного текста-заполнителя недостаточно. Слайдерам и каруселям нужна кнопка паузы, и они не должны захватывать фокус клавиатуры; при сомнении лучше их не использовать. Конструкторы страниц (Elementor, Divi, WPBakery) не являются недоступными сами по себе, но подталкивают к вложенным структурам div без семантики — здесь особенно следите за заголовками и фокусом.

Тестирование

Три быстрых теста без дополнительного ПО: (1) управляйте страницей только клавиатурой — Tab, Enter, стрелки; можно ли добраться до всего и выйти обратно? (2) увеличьте в браузере до 200% — всё остаётся читаемым и управляемым? (3) запустите расширение браузера, например WAVE или axe DevTools. Бесплатное сканирование a11yglass дополнительно проверяет отданный HTML вашей главной страницы на контраст, альтернативные тексты, подписи, язык и структуру и называет критерий WCAG для каждой находки.

Частые вопросы

Делает ли плагин доступности мой сайт соответствующим требованиям? Нет — накладные плагины, переключающие контраст и размер шрифта через виджет, не устраняют структурные проблемы, и их критикуют организации людей с инвалидностью. Какая тема доступна? Знака нет; решающим является реализация в конкретном случае — критерии выше помогают с выбором. Нужна ли моему сайту на WordPress декларация доступности? Это зависит от того, подпадает ли сайт под BFSG (электронная коммерция) или его ведёт публичный орган — см. страницу о декларации доступности.

Чем помогает a11yglass

Бесплатное сканирование проверяет предоставленный HTML и CSS на нарушения WCAG, которые можно распознать автоматически, и называет к каждому выводу критерий успеха и конкретный шаг. Оно находит примерно 20–35 % проблем и не заменяет полной оценки.

Читать дальше

Общая информация по имеющимся знаниям, не юридическая консультация. По отдельному случаю обратитесь в адвокатское бюро, специализирующееся на ИТ-праве.