Добавить описание к атрибуту (для программы чтения с экрана) без добавления новой метки / элемента

Question

Добавить описание к атрибуту (для программы чтения с экрана) без добавления новой метки / элемента

0

У меня есть элемент: <div id="container-div" role="region"></div>

Когда пользователь нажмет кнопку "R", я хочу, чтобы считыватель экрана читал слова

"это район области XXX"

без добавления новой метки или элемента в DOM.

(Очень важно, чтобы DOM был чистым без лишних скрытых ярлыков)

Megi Ben Nun 25 март 2014, в 15:36

Источник

Теги:

javascript

html

accessibility

wai-aria

screen-readers

1 ответ

Ещё вопросы

Andre Polykanine · Accepted Answer · 2014-03-25T12-30-00.000Z

Просто добавьте атрибут aria-label, например:

<div id="container-div" role="region" aria-label="This is an XXX">

Совет. Не используйте слово Region в своем описании, так как читатели экрана (по крайней мере, JAWS) добавляют его сами. Итак, если вы напишете "Это область области XXX", программа чтения с экрана скажет: "Это область области области XXX" из-за роли.

Привет, aria-label 'region' внутри 'textarea' не работает для меня, совет?
Регион внутри текстовой области? Как в мире это возможно? :) Не могли бы вы предоставить код, пожалуйста?)
@ MenelionElensúlë технически с ARIA, вы можете сделать все что угодно, если роль определена. Имеет ли это смысл, нет. OP try <textarea aria-label="xxx">
<textarea role = "region" aria-label = "text area"> </ textarea>. Хорошо, если мне нужно несколько основных областей на странице, а одна из них - текстовая область.
Нету Нету. Если вы хотите этого, вы должны обернуть текстовую область в div. Насколько я знаю, программы чтения с экрана не могут обрабатывать элемент формы как отдельную область, это главным образом для элементов, похожих на div.