У меня проблема с пониманием ролей ARIA для моего варианта использования.Я создал таблицу с использованием элементов div следующим образом:
<div role="table" class="table">
<div role="rowgroup" class="tbody">
<div role="row" class="tr">
<button class="td" role="cell">Clickable cell</button>
<a class="td" role="cell" href="#">Link cell</button>
</div>
</div>
</div>
Я включаю VoiceOver на macOS (пока у меня есть только этот инструмент для тестирования) и начинаю навигацию с помощью клавиатуры.Когда я попадаю на тексты «Кликабельная ячейка» и «Ссылочная ячейка», я продолжаю слышать содержимое ячейки, а затем «В данный момент вы находитесь в текстовом элементе внутри ячейки».Есть ли способ, чтобы заставить программу чтения с экрана сообщать пользователю, что это ссылка и ячейка?
Я пытался использовать несколько ролей role="link cell", но ничего не изменилось.Он повторял мне одно и то же.
РЕДАКТИРОВАТЬ: Даже удаление роли из "div" вообще не помогает с доступностью, приложение VoiceOver по-прежнему считает, что это ячейка.Было бы логичнее добавить в программу чтения с экрана только текст с надписью «Все ячейки кликабельны / ссылки»?