Question

我有一个具有里程碑意义的元素（互补），需要aria-label / aria-labelledBy。该元素有几个可聚焦的子元素，其中包含文本，需要由屏幕阅读器读取。

有没有办法阻止屏幕阅读器阅读父元素的aria-label，同时又不阻止孩子被阅读？

修改

代码：

<div id="parent-element" role="complementary" aria-label="some text" tabindex="0">
    <div id="child-element1" tabindex="0">I'm the first child</div>
    <div id="child-element2" tabindex="0">I'm the second child</div>
</div>

屏幕阅读器将阅读＆＃34;一些文字我是第一个孩子我是第二个孩子＆＃34;当聚焦到父元素时。

我正在使用IBM＆＃34;动态评估插件＆＃34;用于评估我的网站。

这是我得到的违规行为：comlementary role must have aria label

有关违规行为的更多说明 - https://aat.mybluemix.net/token/ace67f8e-8cad-40b4-be4b-eb02197944bc/6c6a166a-542d-4e1a-8a10-40a4c69e1d1d/doc/w3/help/en-US/idhi_accessibility_check_g1174.html

我不希望它阅读＆＃34;某些文字＆＃34;，但如果我希望网站通过辅助功能评估工具，我必须使用aria-label。

Answer 1

具有complementary角色的元素不需要aria-label/aria-labelledby。

只要您保留此属性，您的屏幕阅读器就会忽略内容并读取该属性。

编辑：根据W3C，没有官方规格表明有aria-label的义务，但当您有多个互补的地标时 you should have a unique label 。请注意＆＃34;应该＆＃34;非常重要，因为这不是＆＃34;必须＆＃34; （在实践中非常无用）

ARIA示例：多个互补地标当页面上有多个互补的地标时，每个地标都应该有一个唯一的标签。

工具只是一种工具，评估工具非常不完善。

防止屏幕阅读器阅读咏叹调标签

1 个答案: