Семантика нужна

Поисковым системам

Браузерам

Скринридерам

Main — главная часть страницы, ее смысловое содержание

Article — контент статьи; блок, представляющий статью

Section — логически самостоятельная часть целого

Header / Footer — введение и заключение логического блока

Nav — группа ссылок, связанная контекстом

Aside — не связанная с основным контентом информация

Figure — визуальное представление (картинка, график и т.д.)

Strong — важная часть текста. Выделяется жирным

Em — (emphasis) ставит акцент на тексте

Dfn — (definition) обертка для термина. Title — расшифровка

Details, Summary — разворачивающийся блок

Address — контакты: адрес, почта, телефон, соцсети

Time — время, связанное с родительским контентным блоком

Abbr — аббревиатура и расшифровка в Title

Соблюдайте иерархию заголовков

Используйте Button для кликов

Прячьте побочную информацию в Aside

Section – часть целого, а не само целое

Не оборачивайте блоки в ссылки

Nav лучше, чем ul

Соблюдайте имена картинок и описание в alt

Уровни доступности

A – технические ограничения

AA – легкие физиологические ограничения

AAA – сильные физиологические ограничения

Описание нетекстового контента

Расшифровка видео и аудио

Осмысленность DOM-дерева и связи элементов

Удобные механизмы отключения медиа

Полноценное управление клавиатурой

Возможность отключить анимации

Быстрая загрузка и рантайм

Наличие инструкций

Контрастность интерфейса

Субтитры к видео

Структура заголовков помогает понять место на странице

Изменение размера текста

Интерактивные элементы доступны для фокусировки

Полноценная навигация по частям страницы (якоря)

Цвета для дальтоников

Контрастность 7:1 + возможность настройки

Расшифровка языком жестов

Не помещать текст на изображения

Отсутствие фоновых звуков в аудио с речью 

Тайминг в восприятии информации

Не более трех мерцаний за секунду на странице

Восприимчивость текста людьми без образования

Необходима для описания назначения элементов интерфейса

Документация на MDN

Не меняет внешний вид и нативное поведение