28得票3回答
CSS透明度对无障碍性有什么影响?

在浏览了许多Google和其他SO文章后,我决定直接问我的问题,希望得到简单直接的答案。 在opacity:0是否与visibility:hidden效果完全相同的讨论中,我想进一步添加一个步骤:我知道display:none和visibility:hidden可以隐藏元素,并且对于屏幕阅读...

28得票13回答
如何在模态对话框中保持焦点?

我正在使用Angular和Semantic-UI开发一个应用程序。该应用程序应该是可访问的,这意味着它应该符合WCAG 2.0标准。为了达到这个目的,对话框应该保持焦点在内部,并防止用户移动到模态框下方页面中的元素之间或使用"选项卡"。 我已经找到一些有效的示例,如下所示: JQuery...

27得票3回答
为什么Bootstrap标签页具有role="presentation"属性?

我正在设计一个基于Bootstrap框架的设计系统。其中一个主要目标是实现无障碍性。在实现Bootstrap选项卡时,我发现它们将 role="presentation"应用于导航列表中的列表项。 因此,我从Bootstrap模板中组合了一小段测试HTML:<ul class="nav ...

26得票2回答
如何使用jQuery选择所有具有特定ARIA值的元素?

假设我有一个长这样的示例页面: <!DOCTYPE html> <html> <body> <h1 aria-controls="name1">heading</h1> <p aria-controls="name2"&g...

24得票5回答
如何在ngMaterial中禁用ngAria?

ngAria(一个辅助功能模块)向我的Angular Material项目添加了一个不必要的Bower导入,现在它会抛出警告: 节点缺少用于辅助功能的“aria-label”属性 我只添加了ngAria,因为它似乎对ngMaterial是必需的。 我的应用程序不需要屏幕阅读器可访问...

21得票7回答
我需要在<button>标签上使用role="button"吗?

我注意到 Bootstrap 所有使用 button 元素的示例中,它们都包含了 role="button"(和 type="button"),例如: &lt;div class="dropdown"&gt; &lt;button id="dLabel" type="button" ...

20得票4回答
如何使用WAI-ARIA通知屏幕阅读器某个div现在可见

如何使用WAI-ARIA通知屏幕阅读器一个div现在是可见的? 如果我们有以下html:&lt;div id="foo"&gt;Present main content&lt;/div&gt; &lt;div id="bar" style="display: none;"&gt;Hidden...

20得票2回答
在CSS中使用ARIA状态和角色作为选择器有没有不适合的原因?

我目前正在制作一个可访问的网站,其中使用了ARIA标签等内容。我意识到像aria-invalid这样的属性将是我的CSS选择器的好选择,而不是使用.error类。 这样做的好处是HTML更加简洁、有意义,对于我从CSS(和JS)中挂钩更加容易。尽管如此,我还没有在其他地方看到这样的实践,所以...

20得票1回答
有没有在线仿真屏幕阅读器工具可以测试自定义网页?

我们很关注网站的可访问性,并且希望能够了解常用屏幕阅读器如何感知和解读它。

19得票2回答
在多页文档中,我可以使用多个主要元素吗?

我正在处理一个使用jQuery Mobile“多页面”文档的站点,其中可能有几个作为单个html文档的div编码的站点“页面”。以下是基本结构: &lt;body&gt; &lt;div data-role="page" id="page1"&gt; &lt;hea...