Интерфейс, который читает не только человек
Семантическая разметка перестала быть вопросом доступности и SEO: теперь по дереву доступности ходят агенты, и цена небрежности выросла.
Раньше аргумент за семантическую вёрстку был двойной: доступность и поиск. Оба верные и оба слабые в споре с дедлайном, потому что эффект отложенный и плохо измеряется.
Теперь добавился третий, и он ближе. Страницу читает агент — и читает он её не как картинку, а через дерево доступности: роли, имена, состояния, порядок фокуса. Ровно ту структуру, которую строит браузер для скринридера.
Практический минимум не изменился ни на пункт:
- заголовки по уровням, без пропусков;
- кнопки кнопками, ссылки ссылками — не
divс обработчиком; - у каждого элемента управления доступное имя, а не только иконка;
- состояние выражено атрибутом, а не цветом.
Изменилась цена небрежности. Интерфейс, непонятный скринридеру, раньше был недоступен части пользователей — это плохо, но это можно было отложить. Теперь он ещё и непригоден для автоматизации: агент не отличит вашу кнопку «Отправить» от соседнего блока, а значит, любая попытка встроить ваш продукт в чужой рабочий контур упрётся в вёрстку.
Мне это кажется скорее хорошей новостью. Аргумент про доступность десять лет проигрывал спор о приоритетах. Аргумент «иначе с нами не смогут работать автоматически» звучит на том же совещании убедительнее — и приводит ровно к тем же техническим решениям.