aria-disabled

ARIA-атрибут для неизменяемых интерактивных элементов, с которыми всё равно можно взаимодействовать.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Секция статьи "Кратко"

Состояние виджета из WAI-ARIA. Указывает на то, что элемент нельзя изменять и взаимодействовать с ним как-то ещё.

Так же работает HTML-атрибут disabled.

Пример

Секция статьи "Пример"
        
          
          <div role="button" aria-disabled="true" tabindex="-1">Редактировать</div>
          <div role="button" aria-disabled="true" tabindex="-1">Редактировать</div>

        
        
          
        
      

Как пишется

Секция статьи "Как пишется"

Добавьте к тегу атрибут aria-disabled с одним из значений:

  • true — элемент неактивен.
  • false (по умолчанию) — элемент активен, с ним можно взаимодействовать.

aria-disabled можно задавать только некоторым тегам и ролям:

Для HTML-тегов лучше использовать атрибут disabled вместо aria-disabled там, где он поддерживается.

Если задаёте aria-disabled родительскому элементу, его дети становятся тоже неактивными.

Чтобы элемент с aria-disabled был по-настоящему неактивен, нужны CSS и JavaScript.

Как понять

Секция статьи "Как понять"

На элементе с aria-disabled пользователи не могут сделать фокус, узнать о его роли и состоянии, а также скопировать из него данные.

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