aria-disabled

Состояние виджета из 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 можно задавать только некоторым тегам и ролям:

• <button>, <summary>, <input> c типами button, image, reset, submit или для роли button.
• <a> или link.
• <details>, <fieldset>, <optgroup> или group.
• <hr> или separator.
• <div>, <span> или generic.
• tab.
• scrollbar.
• application.
• gridcell.
• menuitem.

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

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

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

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

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