aria-readonly

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

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

        
          
          <span role="checkbox" aria-labelledby="label" aria-checked="true" aria-readonly="true"></span><span id="label">Не против обработки моих данных</span>
          <span role="checkbox" aria-labelledby="label" aria-checked="true" aria-readonly="true"></span>
<span id="label">Не против обработки моих данных</span>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

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

• true — в элемент нельзя ничего ввести или изменить его.
• false (по умолчанию) — в элемент можно ввести или изменить в нём данные.

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

• <textarea>, <input> с типами text, email, tel, url или для роли textbox.
• <input type="checkbox"> или checkbox.
• <input type="number"> или spinbutton.
• <select> или combobox, listbox.
• <input type="range"> или slider.
• <div>, <span> или generic.
• radiogroup.
• grid.
• gridcell.

Для <input> лучше использовать атрибут readonly, если он поддерживается в нужном типе поля.

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

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