Теги aria - заставляют программу чтения с экрана читать текст

на моем веб-сайте пользователь может нажать кнопку «живой чат», и появится окно чата. Я искал текст для чтения (для пользователей специальных возможностей с программой чтения с экрана)

Когда появляется окно чата, фокус переходит на поле ввода текста, где пользователи могут ввести свой текст, чтобы пообщаться с консультантом. У меня есть div, который расположен далеко от экрана, и я хотел бы прочитать текст. Я пробовал aria-live=assertive, но не повезло - не зачитывается.

<div id="sreader" aria-live="Assertive"> if you use a screen reader you can call this number 0800 123 456</div>

Любые идеи - как это можно заставить прочитать?

Спасибо


wai-aria jaws-screen-reader screen-readers
person thegunner    schedule 24.05.2016    source источник
comment
Вы хотите, чтобы средство чтения с экрана читало текст при загрузке страницы или когда пользователь наводит фокус на поле ввода?   -  person aardrian    schedule 24.05.2016
comment
Только при загрузке страницы/окна чата. Уже есть javascript, который при загрузке тела фокусируется на текстовом поле. Я могу заставить его работать, если я помещу текст в элемент ‹title›.. возможно, это сработает, но не то, что было задумано.   -  person thegunner    schedule 24.05.2016

Ответы (1)


arrow_upward
6
arrow_downward

Поддержка aria-live неоднородна.

Было бы удобно увидеть пример кода, но если вы всегда фокусируетесь на поле, то, возможно, вы захотите вместо этого использовать aria-label с хорошим обменом сообщениями, так как это лучше поддерживается и будет произнесено, когда поле получит фокус.

Eg:

<label for="foo">Field Label</label>
<input type="text" id="foo" aria-label="Field Label. Note: If you are using a screen reader…">

Обратите внимание, что это по-прежнему объявляет поле пользователю и полностью переопределяет текст в <label>. Вот почему я включил его в aria-label.

Имейте в виду, что это может быть не лучший подход, поэтому вам следует протестировать его на пользователях. Однако он включает в себя меньше элементов и помещает сообщение непосредственно туда, где оно вам кажется нужным, без необходимости полагаться на сценарии.

person aardrian    schedule 24.05.2016