Доступність із 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% проблем і не замінює повної оцінки.

Читати далі

Загальна інформація за наявними знаннями, не юридична консультація. Для окремого випадку зверніться до адвокатського бюро, що спеціалізується на ІТ-праві.