Семантика HTML на WordPress: какие теги реально помогают доступности

Семантика HTML на WordPress: какие теги реально помогают доступности

Если упростить: экранный диктор и поисковик лучше понимают не «красивую верстку», а смысл. Поэтому вместо бесконечных div и span нужны теги, которые описывают структуру: header, nav, main, article, section, footer.

Для контента особенно важны:
— заголовки h1–h6 в порядке иерархии;
— списки ul, ol, li вместо ручных переносов;
— ссылки с понятным текстом, а не «читать далее»;
— кнопки как button, если действие запускается на странице.

Частая ошибка — делать кликабельный блок через div и повешенный на него JavaScript. Для пользователя с клавиатурой это часто ломает навигацию. Если элемент нажимается, он должен вести себя как элемент управления: получать фокус, работать с Enter и пробелом, иметь понятное имя.

Проверка простая: откройте страницу без мыши и пройдите её Tab-ом. Если фокус скачет нелогично, а смысл блоков теряется, семантика собрана плохо.

Хорошая семантика не украшает сайт — она делает его читаемым для людей и технологий одновременно.