Добавление role=document к div заставляет JAWS читать "кликабельно"
Я работаю над приложением, которое отображает список чатов, и мне нужно поместить чаты в виртуальный буфер. Содержимое чата может быть простым, как строка текста, или сложным, как текст, а также ссылка и изображение. Без role=document
это не в буфере, а с role=document
JAWS читает "кликабельно", когда читает содержимое (после нажатия стрелки вниз). Контент не кликабелен, и я не могу понять, как остановить его от чтения.
Вот пример макета:
<div role="application" class="mainViewContainer">
<ul class="mainViewContent">
<li tabindex="0" class="chatViewContainer">
<div tabindex="-1" class="chatHeaderContainer">
<span class="offscreen" id="chat1">Chat content</span>
<div role="document" tabindex="0" class="chatContent" aria-labelledby="chat1">
Here's a message, huzzah!
</div>
</div>
</li>
<li tabindex="0" class="chatViewContainer">
<div tabindex="-1" class="chatHeaderContainer">
<span class="offscreen" id="chat2">Chat content</span>
<div role="document" tabindex="0" class="chatContent" aria-labelledby="chat2">
<div class="chatText>Document <a href="/link/artifact=12121">documentName.jpg</a> created </div>
<div class="documentView">
<img title="documentName.jpg" src="imgsrc">
<div class="documentItemDetails">
<a href="/link/artifact=12121&viewMode=EXPANDED" class="documentName">documentName.jpg</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
Любые идеи о том, как сделать chatContent
У div нет "кликабельного" чтения JAWS?
Я вижу это с версией JAWS 15.0.6025 (я думаю, что это самая последняя версия) и FF 26 на Windows 7.
1 ответ
У меня была такая же проблема. Очевидно, это ожидаемое поведение, как объяснено в этом URL.
Текст, доступный для щелчка: когда вы переходите к ячейке сетки, в которой для стиля отображения задан текст, реагирующий на нажатие, JAWS читает текст заголовка соответствующего столбца, а затем содержимое данных текущей ячейки.
Надеюсь, это поможет.