导航,辅助功能和标签?

时间:2017-03-20 15:15:13

标签: html html5 accessibility

我在引用手风琴时设法在bootstrap文档中找到以下内容。

  

确保将aria-expanded添加到控件元素中。该属性明确地将可折叠元素的当前状态定义为屏幕阅读器和类似的辅助技术。如果可折叠元素默认关闭,则其值应为aria-expanded =" false"。如果您使用show class将可折叠元素设置为默认打开,请设置aria-expanded =" true"而在控制上。该插件将根据是否已打开或关闭可折叠元素自动切换此属性。

     

此外,如果您的控件元素以单个可折叠元素为目标 - 即data-target属性指向id选择器 - 您可以向控件元素添加一个额外的aria-controls属性,其中包含可折叠元素的id 。现代屏幕阅读器和类似的辅助技术利用此属性为用户提供额外的快捷方式,以直接导航到可折叠元素本身。

在进行下拉导航时,我应该使用哪些辅助功能标签?

1 个答案:

答案 0 :(得分:0)

  

在进行下拉导航时,我应该使用哪些辅助功能标签?

应用程序可以在不使用任何特殊标记的情况下访问行为。使用ARIA他们可能会有不良行为。

ARIA定义说:

  

ARIA定义了一种使残疾人更容易访问Web内容和Web应用程序的方法。

但ARIA的使用,滥用,滥用无法使某些无法访问的内容无法访问。

例如,是aria-expandedaria-haspopup似乎是必须的,但如果没有正确处理键盘导航(javascript),方便点击区域(css),它将无法获得任何帮助),和:颜色对比,视觉线索,这是一个下拉导航,时间,信息层次,......

W3C提供an example of fly-out menu