ОбъявлениеПереведите фокус на демо, чтобы увидеть, что оно отдаёт.
Именование
- Окружающий список или селектор должен пояснять, что представляют варианты.
Поведение клавиатуры
- У
Optionнет собственного поведения клавиатуры: клавиши обрабатывает владелец списка.
Поведение фокуса
Optionне получает фокус. Его держит владелец списка и указывает на активный вариант черезaria-activedescendant.activeпоказывает, какой это вариант.
Семантика для скринридеров
- Компонент рендерит
role='option'. aria-selectedвыставляется, когда переданselected, аaria-disabled— когда переданdisabled.
Семантика формы
Optionсам по себе не является нативным полем формы.
Риски доступности
- использование
Optionбез подходящего родительского паттерна listbox или меню - опора только на цвет выбранного варианта без окружающего контекста или семантики выбора