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

Question

我有一个具有里程碑意义的元素（互补），它需要咏叹调标签/咏叹调标签。 此元素有几个可调焦的子元素，其中需要由屏幕阅读器读取文本。

有没有办法阻止屏幕阅读器读取父元素的咏叹调标签，而不会阻止孩子阅读？

编辑

此代码：

<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> 

屏幕阅读器将读取“一些文字，我的第一个孩子，我的第二个孩子”的时候集中到父元素。

我使用IBM的“Dynamic Assessment Plugin”来评估我的网站。

这是我得到的侵犯：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

我不希望它读“一些文本”，但我必须使用咏叹调-label，如果我希望网站通过无障碍评估工具。

Answer 1

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

只要你保留这个属性，就很期望你的屏幕阅读器会忽略内容并阅读该属性。

编辑：没有官方的规范是指具有一个aria-label的义务，但当你根据W3C有多个互补的地标you should have a unique label。需要注意的是“应该”是非常重要的，因为这不是“必须” （并在实践恕我直言很没用）

ARIA例：多元互补的地标 当有一个以上的互补里程碑一个页面，每个页面应该有一个唯一的标签。

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