Как активировать преобразование текста в речь JAW при нажатии кнопки?

Question

Моя компания проводит некоторую проверку соответствия ADA. Мне нужно, чтобы текст кнопки читался , когда пользователь взаимодействует с ней . Это случится с aria-label или .. как ты это делаешь?

Answer 1

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

Вы говоритехотите, чтобы метка кнопки объявлялась, когда пользователь переходит на нее и , когда пользователь выбирает ее?Это звучит как необычное поведение, но, возможно, оно имеет смысл в контексте вашего приложения.

Если вы хотите, чтобы что-то было объявлено при нажатии кнопки, вы можете сделать это с помощью aria-live.Вы должны обмануть читателя экрана, чтобы сказать это.Вы можете иметь визуально скрытый элемент, такой как

<div id="foo" aria-live="polite" class="sr-only"></div>

( Примечание : см. Что такое sr-only в Bootstrap 3? для получения информации о "sr-only "class.)

Когда кнопка выбрана, введите текст, который вы хотите объявить, в

, и он будет прочитан.

Answer 2

Полагаю, вы просто хотите знать, как пометить кнопку, чтобы JAWS произносил ее текст, когда пользователь нажимает на нее или курсоры.Если это нативная кнопка с текстом, написанным на ней: Далее JAWS прочитает ее автоматически.Если это кнопка ввода: с текстовым значением:Опять же, JAWS произнесет свой текст автоматически.Если это кнопка со значком: пометьте ее следующим образом, и JAWS произнесет ее имя (не забудьте изменить текст метки aria, если вы используете другой язык): Надеюсь, это поможет.

Answer 3

Программа чтения с экрана объявит название кнопки, когда она перейдет в фокус вкладки, и сообщит пользователю, что это кнопка для начала.Однако в качестве базового требования следует использовать собственный элемент <button>, поскольку функциональность уже встроена. При этом вам не нужны никакие другие конкретные теги aria по умолчанию.