42得票5回答
什么是符合WAI-ARIA标准的导航栏/菜单实现?

我们正在将 WAI-ARIA 支持添加到 Web 门户网站的主导航菜单中,即此处显示的菜单: 菜单是通过经典的 <ul> / <li> / <a> DOM 树实现的,使用 CSS 进行样式设计,使其看起来像水平选项卡。 如何实现符合 WAI-ARIA...

41得票4回答
'aria-describedby'属性的含义是什么?

以下HTML是由jQuery Grid插件插入的:<td role="gridcell" style="" aria-describedby="list_createdBy">Sam</td> 'aria-describedby' 属性的含义是什么?

37得票2回答
何时使用required属性而不是aria-required属性用于输入元素?

我正在努力使表单可访问。我应该让我的输入框同时具有required和aria-required属性,还是只需要其中一个? <label for="textbox1">Input</label> <input id="textbox1" type="text" n...

37得票2回答
可访问性:aria-haspopup可以用于什么?

我有可靠的消息,aria-haspopup 对于子菜单(如弹出上下文菜单或子级菜单)是适用的。它被用在jQuery UI Selectmenu中,并且也在这个优秀的示例中使用。 但我无法确定在以下两种情况中是否适用aria-haspopup: 信息弹出框,如 Bootstrap -用于显...

36得票4回答
在页脚元素上应该总是添加 role="contentinfo" 吗?

在ARIA演示网站上,通常在footer元素上添加role="contentinfo"属性。 然而,在现代网页设计中,页脚可以很有创意,因此它们也可以包含诸如补充导航链接、社交网站链接或甚至是电子通讯表单等内容。 以下面这段页脚代码为例。应该将role="contentinfo"属性添加到...

36得票6回答
如何为WAI-ARIA标记加载动画?

我正在努力解决网页上的一些无障碍问题。我有一个作为对话框的div,在其中一个div中显示了一个包含加载动画和文本“Working…”的内容。 我不确定如何标记这两个项目,以便能够正确地通知盲用户有进度动画显示,并且正在工作,他应该等待。<div id="loading" style="...

31得票3回答
aria-owns和aria-controls有什么区别?

使用时对元素的实际影响是什么?aria-owns="id" 并且(!)aria-controls="id" 当使用这两个属性时,浏览器如何通知屏幕阅读器?

30得票2回答
使用aria-label作为样式选择器的最佳实践

我正在为一个带有(非交互式)复选标记的表格设置样式。这些复选标记图标由CSS添加。由于其中没有可访问内容,我添加了aria-label属性。现在我想知道是否可以使用此属性作为CSS选择器来添加这些复选标记图标,就像这样: ```CSS [aria-label="checkmark"] { ...

29得票2回答
无障碍性:sr-only或aria-label

来自MDN:: 在下面的示例中,一个按钮被样式化成典型的“关闭”按钮,中间带有X。由于没有任何指示该按钮的目的是关闭对话框,因此使用aria-label属性向任何辅助技术提供标签。 <button aria-label="Close" onclick="myDialog.clos...

28得票1回答
HTML5主要元素与ARIA地标角色"main"的区别

我对了解HTML5中的<main>元素和ARIA landmark角色属性role="main"之间的关系和可能的区别很感兴趣。 我认为<main>元素的目的是将ARIA roll属性role="main"映射到特定的HTML元素上。但这是否总结了它的作用呢? 使用...