Применяются ли атрибуты aria-expanded и aria-haspopup к элементам ?

#javascript #html #accessibility #wai-aria

#javascript #HTML #Специальные возможности #вай-ария

Вопрос:

Из вики W3C

Когда авторы используют сворачиваемый контент, например, для скрытия меню навигации или списков контента, запускающая ссылка или кнопка должны указывать пользователям программы чтения с экрана, находится ли приведенный ниже сворачиваемый контент в развернутом или свернутом состоянии. aria-expanded Атрибут используется для этой цели.

Включает ли это <select> элементы или это только для элементов навигации?

Ответ №1:

select Элемент может принимать любой глобальный aria-* атрибут и любой атрибут aria, применимый к списку ролей.

aria-haspopup разрешено для любой роли и aria-expanded разрешено для роли listbox .

Обратите внимание, что браузер уже должен определить неявную семантику по умолчанию, поэтому вам не нужно заботиться об определении aria атрибута для определения состояния элемента select управления, если вы используете собственный элемент.

Комментарии:

1. Значит, если я использую простой select элемент, мне не нужно добавлять aria-haspopup aria-expanded атрибуты и, чтобы он был доступен?

2. @Saravana да, браузеры уже предоставляют семантику по умолчанию для этого элемента