HTML-атрибут aria-busy
HTML-атрибут aria-busy: применимые элементы, формат значения, пример разметки, частые ошибки и данные совместимости браузеров.
Назначение и границы
Назначение «aria-busy» раскрывается через задачу «передать вспомогательным технологиям состояние, связь или доступное имя». Атрибут aria-busy применяется к элемент по спецификации и дополняет дерево доступности, но не добавляет нативного поведения элементу. Для воспроизводимой проверки «aria-busy» используйте пример в интерфейсе с направлением письма справа налево и наблюдайте отображение в режиме печати.
Где применяется: элемент по спецификации.
Рабочий критерий для «aria-busy»: сначала используйте семантический HTML, затем добавляйте ARIA только для недостающей информации. Если результат «aria-busy» меняется вместе с посторонним условием, пример ещё не изолирован.
Синтаксис aria-busy
Минимальная запись «aria-busy» нужна для отделения самой возможности от стилей и разметки проекта. Проверьте фрагмент отдельно перед переносом.
<button type="button" aria-busy="Открыть настройки">⚙</button>Как работает aria-busy
Чтобы объяснить работу «aria-busy», проследите путь от структуры и входного значения до отображения или поведения. Атрибут aria-busy применяется к элемент по спецификации и дополняет дерево доступности, но не добавляет нативного поведения элементу. Контрольная точка для «aria-busy» — результат при системной тёмной теме.
Проверка в проекте
- Сначала используйте семантический HTML, затем добавляйте ARIA только для недостающей информации; результат относится непосредственно к «aria-busy».
- Проверить ширину 320 px без горизонтальной прокрутки всей страницы при разборе «aria-busy».
- Проверьте «aria-busy» в интерфейсе с направлением письма справа налево через отображение в режиме печати и запишите наблюдаемое изменение.
Оставляйте «aria-busy» в решении только после проверки в интерфейсе с направлением письма справа налево. Если нативная конструкция решает задачу «aria-busy» с меньшим числом условий, используйте её.
Практика с aria-busy
Соберите «aria-busy» на небольшом макете и проверьте предметное условие: сначала используйте семантический HTML, затем добавляйте ARIA только для недостающей информации. Затем для «aria-busy» замените содержимое длинным и сузьте контейнер до 320 px.
Сценарий: в интерфейсе с направлением письма справа налево.
Ошибки при работе с aria-busy
Доступность
Значение aria-busy вне допустимого элемента или формата может быть проигнорировано браузером — это предметный риск для «aria-busy».
Каскад
Загрузка тяжёлого ресурса до того, как он нужен пользователю при использовании «aria-busy».
Поддержка
Непредсказуемое наследование значения из внешнего компонента; для «aria-busy» проверьте это отдельно.
Поддержка aria-busy
Для «aria-busy» таблица собрана из закреплённой версии MDN Browser Compatibility Data. Указанная версия браузера показывает первое заявленное появление базовой поддержки «aria-busy»; окончательное решение принимайте по аудитории конкретного проекта.
Вопросы о aria-busy
Как понять, что «aria-busy» выбрано правильно?
«aria-busy» выбрано правильно, когда оно решает задачу «передать вспомогательным технологиям состояние, связь или доступное имя», сохраняет результат в интерфейсе с направлением письма справа налево и проходит предметную проверку: сначала используйте семантический HTML, затем добавляйте ARIA только для недостающей информации.
Нужен ли запасной вариант для «aria-busy»?
Запасной вариант для «aria-busy» нужен, если целевой браузер или режим не обеспечивает выбранное поведение. Без улучшения «aria-busy» должно сохранять смысл, содержимое и основное действие.
Спецификации и источники
Синтаксис и статус проверяются по HTML Living Standard, спецификациям CSS и MDN Browser Compatibility Data. Примеры и объяснения подготовлены для этого сервиса.