Кратко
СкопированоСамостоятельная роль виджета из WAI-ARIA для радиокнопки.
В HTML эта роль есть у <input type
по умолчанию.
Как пишется
СкопированоЗадайте role
любому тегу, лучше <div>
или <span>
.
Если решили делать кастомный элемент, не забудьте добавить его в порядок фокуса с помощью tabindex
, когда задаёте роль radio
статическому элементу, с которым нельзя взаимодействовать.
Также обязательно укажите для кастомной радиокнопки состояние aria
со значением true
, когда элемент выбран. Если элемент не выбран, значение должно быть false
. Только у одной радиокнопки из группы может быть aria
. Чтобы всё работало правильно понадобится JavaScript.
Для элемента с ролью radio
можно также задавать aria
, aria
и все глобальные ARIA-атрибуты.
Радиокнопки могут располагаться на странице одни или в группе. Если это группа кастомных радиокнопок, разместите их рядом или внутри элемента с ролью radiogroup
.