2014-02-17 44 views
8

是否可以使用aria-hidden="true"aria-hidden="false"來嵌套元素?隱藏的詠歎調隱藏

例如:

<div aria-hidden="true"> 
    some hidden content 
    <div aria-hidden="false"> 
     some visible content 
    </div> 
</div> 

這似乎不是爲我工作。我使用NVDA及其功能對其進行了測試,以在頁面上顯示完整鏈接列表。如果我將隱藏在身體上的詠歎調置於真實的位置,即使我開始將某些兒童元素隱藏起來以使錯誤隱藏起來,我也無法獲得任何鏈接。目前看起來我不能覆蓋子元素中的詠歎調隱藏狀態。

我知道這可能是一個非常不尋常的方法,但問題本身也是不尋常的。一個巨大的燈箱,其中包含整個網站本身(沒有簡單的模式對話框要短)。

回答

9

不,這是不可能的。 您可以隱藏元素及其子元素。

作爲一個例子,創建一個模式窗口,當你隱藏一切,但語氣,就像這樣:

<div aria-hidden="true" id="page-wrap"> 
    <main role="main"> 
    <p>content</p> 
    </main> 
</div> 
<div aria-hidden="false" id="myModal" aria-labelledby="myModal-title"> 
    <h1 id="myModal-title">Sign up!</h1> 
    ... 
</div> 

這一操作將隱藏#頁面包裝和展示#myModal到輔助技術

+0

感謝您的答覆,我幾乎懷疑這一點 – Playerwtf