2017-06-08 96 views
0

我有一個具有里程碑意義的元素(互補),它需要詠歎調標籤/詠歎調標籤。 此元素有幾個可調焦的子元素,其中需要由屏幕閱讀器讀取文本。防止屏幕閱讀器讀取詠歎調標籤

有沒有辦法阻止屏幕閱讀器讀取父元素的詠歎調標籤,而不會阻止孩子閱讀?

編輯

此代碼:

<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,如果我希望網站通過無障礙評估工具。

+3

不要包含它嗎?如果沒有看到代碼或解釋你想要實現什麼,這是沒有意義的。什麼是元素(不管角色)和什麼需要屬性? – aardrian

回答

0

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

只要你保留這個屬性,就很期望你的屏幕閱讀器會忽略內容並閱讀該屬性。

編輯:沒有官方的規範是指具有一個aria-label的義務,但當你根據W3C有多個互補的地標you should have a unique label。需要注意的是「應該」是非常重要的,因爲這不是「必須」 (並在實踐恕我直言很沒用)

ARIA例:多元互補的地標 當有一個以上的互補里程碑一個頁面,每個頁面應該有一個唯一的標籤。

工具只是一個工具,評估工具非常不完善。

+0

我添加了更多關於這個問題的信息,希望你能知道如何處理它。 – Chen

+0

@Chen我完成了我的回答 – Adam

相關問題