我是ARIA角色的新手。如果我具有工具提示类型的功能,即如果有人单击问号按钮,则会显示更多文本,详细说明如何填写表单字段,我应该使用aria扩展属性,aria隐藏属性还是同时使用这两个属性?
<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>
最佳答案
使用RDF model图可以帮助:
通过继承为aria-expanded
角色定义了treeitem
。aria-hidden
为所有角色定义,但有以下警告:
结果,aria-expanded
本身就足够了。
引用
关于wai-aria - ARIA-您需要将ARIA-EXPANDED与ARIA-HIDDEN一起使用吗?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21832334/