ARIA - 您是否需要使用ARIA-EXPANDED和ARIA-HIDDEN？

我是ARIA新角色。如果我有工具提示類型的功能，即如果有人點擊問號按鈕，會顯示更多文本詳細說明如何填寫表單字段，我應該使用aria-expanded屬性，aria-hidden屬性還是兩者？ARIA - 您是否需要使用ARIA-EXPANDED和ARIA-HIDDEN？

<div class="login-form-field tt-highlight"> 
    <div class="error-message error-style"> 
     <p>Sorry you have not entered anything in the field above.</p> 
    </div> 
    <div class="col-xs-10 col-sm-10 col-md-10"> 
     <label for="inputTxtCustomerPostcode" class="login" />Postcode:</label> 
     <input id="inputTxtCustomerPostcode" type="text" /> 
    </div> 
    <div class="col-xs-2 col-sm-2 col-md-2"> 
     <a title="Please enter a valid case reference tooltip" class="login-tooltip" data-toggle="collapse" data-parent="#accordion" href="#collapseTxtCustomerPostcode" role="button" aria-pressed="false"></a> 
    </div> 

    <div id="collapseTxtCustomerPostcode" class="panel-collapse collapse" role="tree tooltip"> 
     <div class="panel-body" role="treeitem" aria-expanded="false" aria-hidden="true"> 
      <p>some text goes here for the tooltip</p> 
     </div> 
    </div> 
</div>

來源

2014-02-17 MarkP

使用RDF model圖，以幫助：

aria-expanded爲通過繼承treeitem角色定義。

aria-disabled是所有角色定義，但是有這樣的警告：

注：作者是儘量避免使用ARIA隱藏=「假」的風格，或在歷史上防止呈現在所有形式的屬性，例如display：none或visibility：隱藏在CSS中，或HTML 5中的隱藏屬性。在撰寫本文時，已知aria-hidden =「false」在與這些功能結合使用時工作不穩定。隨着未來實施的改進，在依靠此方法之前應謹慎使用並進行徹底測試。

因此，aria-expanded本身應該足夠。

參考

來源

2014-04-24 19:51:59

ARIA - 您是否需要使用ARIA-EXPANDED和ARIA-HIDDEN？

回答

相關問題