Голос за кадром Не читая содержание арии-метки строки таблицы при выборе строки - PullRequest
0 голосов
/ 04 апреля 2019

Я добавляю aria-label для события щелчка строки в строке, используя event.currentTarget объект onClick (событие, индекс) .содержание ярлыка арии не читается Голосом.Я тестировал браузер Chrome и Safari. Voice over продолжает игнорировать содержимое метки aria в выбранной строке.

Содержимое ярлыка арии имеет текст "Row selected".Цель динамического добавления метки aria onClick для строки состоит в том, чтобы сделать голос за кадром для чтения строки как строки, выбранной наClick строки.

Если во время объявления добавить тег aria-label к тегу tr, как показано ниже, Voice over считывает содержимое метки aria выбранной строки, как ожидается, вместо содержимого ячейки строки.

<tr role="row" aria-selected={isSelected} aria-label="row selected"/> 

isSelected - логическая переменная, которая будет устанавливать значение true при выборе строки.

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

Пожалуйста, помогите мне решить эту проблему.

Я пытался добавить aria-live = "напористый" и aria-live = "polite" атрибуты, подобные ниже

<tr role="row" aria-selected={isSelected} aria-live="assertive"/>

КогдаЯ добавляю голос арии поверх того, что сначала читает содержимое ячейки, а затем читает содержимое метки арии.но это приводит к тому, что голос читается как строка Cell contents followed by Row selected вместо чтения как Row selected followed by cell Content, и возникает другая проблема, если я использую атрибут aria-live для строки, а не для чтения ранее выбранного содержимого ячейки строки при выборе новогострока.это потому, что я удаляю aria-label событие onBlur строки, так как строка обновляется на onBlur - это предыдущая строка. Voice over также читает содержимое предыдущей строки.

Так что, пожалуйста, дайте мне знать, если есть какая-либо другая работа.arround для озвучивания для чтения содержимого aria-label, добавляемого по щелчку строки.

1 Ответ

0 голосов
/ 06 апреля 2019

содержимое ярлыка арии не читается Голосом в течение

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

Указание aria-live не поможет, поскольку это относится к содержимому (дочерним элементам DOM) этого элемента, а не к атрибутам этого элемента.

Однако не следует добавлять aria-label, чтобы указать, что строка выбрана, если вы уже используете aria-selected. aria-selected достаточно.

...