Клавиша / esc

radiogroup

Роль для группы радиокнопок.

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

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

Кратко

Скопировано

Составная роль виджета из WAI-ARIA, которая нужна для группы радиокнопок. Внутри элемента с этой ролью должно быть несколько элементов с ролями radio.

Нативные радиокнопки <input type="radio"> лучше вкладывать внутрь <fieldset>.

Как пишется

Скопировано

Задайте тегу role="radiogroup". Лучше всего подойдут <div> и <span>.

Когда на странице есть группа радиокнопок, можно выбрать только одну. Не изменяйте это поведение с помощью ARIA и следите за тем, чтобы aria-checked="true" был только у одной кастомной радиокнопки.

С ролью radiogroup можно сочетать все глобальные ARIA-атрибуты и некоторые атрибуты виджетов: