问题标签 [wai-aria]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
113 浏览

video - 根据 WCAG 2.0 的成功标准 1.2.5,我如何处理无声视频?

我不确定如何处理 WCAG 2.0 的成功标准 1.2.5。它说:

为同步媒体中所有预先录制的视频内容提供音频描述

我是否必须为无声视频提供音频描述,展示如何制作纸飞机以满足 AA?不幸的是,同步媒体的定义似乎不是很有帮助。

0 投票
1 回答
114 浏览

jquery - portlet 应该具有哪个 aria 角色

portlet 应该具有哪个 aria 角色(请参阅下面的 jquery ui 示例,但其中包含更多内容,例如表单、图片、表格等)。

http://jqueryui.com/demos/sortable/#portlets

0 投票
5 回答
21796 浏览

menu - 什么是导航栏/菜单的 WAI-ARIA 兼容实现

我们正在实施(即添加)对 Web 门户主导航菜单的 WAI-ARIA 支持。菜单是此处显示的菜单:

导航菜单截图

菜单是通过经典的<ul>// DOM 树实现的<li><a>用 CSS 样式化,看起来像水平选项卡。

这种小部件的 WAI-ARIA 兼容实现是什么?

我已经阅读了 w3org 的最新 WAI-ARIA 规范的许多部分,以获得一般的理解、分类等。然后,我阅读了几个 UI 小部件实现的示例。我找不到任何专门针对此类 CSS 导航菜单的示例。我经常发现的最接近的小部件是 Menu、MenuBar 和 TabPanel。当然,我还查看了Free ARIA 社区组(最初发布此问题的地方)。

我会说这些小部件都不完全匹配(CSS)导航菜单。例如,TabPanel 可能控制页面中的某些内容(--> aria-controls),也可能是 MenuBar;但我完全不确定导航菜单是否控制页面中的内容(它控制要显示的下一页)。无需进一步说明,还有一些其他差异。参考文献在文章末尾。如果有人作为导航菜单的更好(或更合适)示例,我们将很高兴了解它们。

参考

0 投票
2 回答
2604 浏览

iframe - JAWS 没有宣布加载的 iFrame 内容?

我正在开发一个使用 iFrame 的 Web 应用程序(请不要让我使用其他东西,而不是我的决定)。有两个框架,一个导航框架和一个内容框架(自上而下)。

导航框架始终保持不变。当用户单击链接导致内容框架中的内容发生更改时,JAWS 什么也不做。我想让 JAWS 做的是宣布新页面的内容(至少是标题)。

我查看了 WAI-ARIA 标记,并尝试了各种 JavaScript 技巧来命令将焦点集中在元素上。 唯一有效的方法是执行以下操作

<iframe id="contF" aria-atomic="true" aria-live="assertive" frameborder="0" name="content" title="${ca.title}" src="${ca.src}"></iframe>

这将导致 JAWS 在首次加载框架时宣布框架的内容(因此之前从未单击过该链接)。如果是“访问过的链接”,则根本不会公布框架的内容。

0 投票
0 回答
340 浏览

jquery - jQuery 目标角色 = 主要咏叹调

我正在尝试将我的角色 = 主 div 定位为 jQuery 中的 ajaxish 负载,但我不知道该怎么做?我只是使用 [role=main] 还是有其他语法。

另外,如果由于某种原因不建议这样做,请告诉我。

0 投票
1 回答
1768 浏览

accessibility - Asp.Net Form ...下拉元素的可访问性

我有一个 asp.net 网页,我正在寻找使表单可访问的不同方法。

示例 #1中,我有一个与下拉列表关联的标签,在示例 #2中,我有一个带有下拉列表描述的 Aria-Label 标记。

最初的设计没有用于下拉菜单的标签,因此添加它们会破坏表单的外观和流程。下拉菜单用于过滤,并在页面顶部内嵌。下拉菜单下有两个按钮,一个用于过滤下拉列表中的内容,另一个用于重置表单,以便显示所有结果而不进行过滤。

我的问题是......添加 Aria-Label 标签是否可以接受,或者是否真的需要关联标签?

示例 #1

示例 #2

0 投票
1 回答
1749 浏览

banner - 是否允许在 h1 上使用 role="banner"?

以下标记从验证器中收到错误:


错误是:错误:此时元素 h1 上不允许属性角色。

这是否意味着role="banner"必须在header元素上?

0 投票
2 回答
2161 浏览

jquery - IE10 中的 ARIA 属性

我正在尝试aria-autocomplete使用 jQuery 在元素上设置属性。但是,当IE10IE5 Quirks 模式IE7 标准模式下运行时,它会产生Member not found错误。

有关演示,请参阅此jsFiddle

我尝试了此处定义的各种其他 ARIA 属性:

HTML 5:标记语言(ARIA 版)

有些会产生相同的错误,有些则不会。

我无法重现 IE9 中的错误。

这是IE10中的错误吗?jQuery?还是有其他我不理解的原因?

0 投票
1 回答
7194 浏览

role - 多重唱腔角色“导航”和“互补”?

在一个文档中,有多个<nav>and<aside>元素。我应该添加role="navigation"所有<nav>s 和role="complementary"所有<aside>s 吗?

换句话说,一个文档中有多个<nav role="navigation">...</nav>s和多个<aside role="complementary">...</aside>s是更有益还是更多余?

0 投票
1 回答
770 浏览

html - 处理按钮组的语义方式

我有一个隐藏或显示的音频流列表,具体取决于用户是否单击具有类“btn-group”的 div 元素。我的标记类似于 twitter bootstrap 的按钮组,如下所示:

这很好,但不幸的是,这个重要的功能隐藏在一个div元素中,而不是更有意义的东西中。是否有一个 aria-role 有意义?有没有其他人会推荐的方法?