Основы доступного HTML

[solarrust]

Собрать самые базовые рекомендации по доступной разметке. К примеру, можно рассказать про:

• Как HTML помогает вспомогательным технологиям.
• Почему семантическая вёрстка лучше ARIA.
• Что есть у тегов по умолчанию: роли, состояния, свойства (хорошо видно на примере <dialog>).
• Почему круто использовать текстовое содержимое тегов в качестве имён.
• Как помогает атрибут lang.
• Плохие практики в HTML. К примеру, почему не стоит использовать в <meta> атрибуты user-scalable=no или maximum-scale=1, как это влияет на доступность.

Ссылки для старта

• https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML
• https://web.dev/learn/html/semantic-html/
• https://tetralogical.com/blog/2022/10/05/foundations-html-semantics/