Надёжность: будет ли всё работать с их технологиями?

Надёжность — четвёртый принцип WCAG: ваше содержимое должно стабильно работать в разных браузерах, на разных устройствах и с разными вспомогательными технологиями.

Инструменты со временем меняются. Надёжная разметка продолжает работать с сегодняшними программами чтения с экрана и с теми, которыми люди будут пользоваться завтра.

Браузеры и вспомогательные технологии разбирают вашу разметку. Корректный HTML с закрытыми тегами и уникальными идентификаторами создаёт для них чистое дерево для чтения. ✅

Каждому элементу управления нужны доступные для технологий имя, роль и значение. Настоящий флажок автоматически сообщает все три свойства программе чтения с экрана.

У настоящей кнопки уже есть правильные роль и значение. Использование встроенного элемента — самый простой путь к надёжной разметке.

Когда HTML не позволяет выразить роль, её может добавить ARIA. Используйте её умеренно, чтобы задать пользовательским компонентам имя, роль и состояние.

Неверная роль может заставить программу объявлять бессмыслицу. Первое правило ARIA: отсутствие ARIA лучше, чем неправильная ARIA.

Подписи и ARIA связывают элементы с помощью идентификатора. Дублирующийся идентификатор разрывает эти связи, поэтому программа чтения с экрана указывает не на тот элемент.

Узнать, является ли решение надёжным, можно только на практике. Проверяйте его с настоящей программой чтения с экрана и клавиатурой, а не только собственными глазами.

Если страница работает только потому, что один браузер прощает ошибки, она ненадёжна. Стандартный, корректный код переживёт следующее обновление.

Спросите о каждом компоненте: сможет ли вспомогательная технология правильно прочитать его имя, роль и значение? Если вы не уверены, ваша разметка пока не является надёжной.

Вы узнали, что надёжность означает работу кода с разными технологиями: корректный HTML, встроенные элементы, осторожное использование ARIA, уникальные идентификаторы и проверка на практике. POUR завершён! 🚀