JAWS不会将ul和li元素读取为列表

Question

NVDA读取正确。JAWS只读链接1，链接2（内容为链接1，链接2），但不读取列表

list-style-type: none;

的HTML：

<ul role="list" class="content-links">
        <sly data-sly-list.link="${model.links}">
            <li role="listitem">
                <a href="${link.href @ context='html'}" aria-label="${link.label}" rel="${link.rel}"
                   tms-dblclick="${link.tracking.tmsDblClick}" data-pid="${link.tracking.vadm.pin}" data-pid-action="${link.track.vadm.pinAction}">
                    ${link.label}
                </a>
            </li>
        </sly>
</ul>

Answer 1

您的代码是正确的（@shannon指出的，您指定的多余角色除外）。不幸的是，JAWS就是这样工作的。当您tab访问列表中包含的链接时，将读取链接文本，并且不会读取该链接包含在列表中的事实。但是，如果使用JAWS中的向上/向下箭头键导航DOM，则在导航到链接时，您会在听到链接文本之前听到“ 3项列表”。当您向下滑动列表时，您会听到“列表结束”的声音。本机JAWS用户已经习惯了它（但这并不意味着它是正确的用户体验。）