问题标签 [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.
video - 根据 WCAG 2.0 的成功标准 1.2.5,我如何处理无声视频?
我不确定如何处理 WCAG 2.0 的成功标准 1.2.5。它说:
为同步媒体中所有预先录制的视频内容提供音频描述
我是否必须为无声视频提供音频描述,展示如何制作纸飞机以满足 AA?不幸的是,同步媒体的定义似乎不是很有帮助。
jquery - portlet 应该具有哪个 aria 角色
portlet 应该具有哪个 aria 角色(请参阅下面的 jquery ui 示例,但其中包含更多内容,例如表单、图片、表格等)。
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;但我完全不确定导航菜单是否控制页面中的内容(它控制要显示的下一页)。无需进一步说明,还有一些其他差异。参考文献在文章末尾。如果有人作为导航菜单的更好(或更合适)示例,我们将很高兴了解它们。
参考
- https://developer.mozilla.org/en-US/docs/Accessibility/ARIA/ARIA_Test_Cases#Menubar_and_Menu
- http://wiki.jqueryui.com/w/page/38666403/Menubar
- http://www.oaa-accessibility.org/examplep/menubar2/
- http://test.cita.illinois.edu/aria/menubar/
- http://dev.aol.com/dhtml_style_guide#menu
- http://whatsock.com/modules/aria_tabs_menu_modules/demo.htm
- http://www.w3.org/TR/wai-aria-practices/#menu
- http://www.w3.org/TR/wai-aria/roles
- http://www-03.ibm.com/able/resources/wai_aria_intro.html
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 在首次加载框架时宣布框架的内容(因此之前从未单击过该链接)。如果是“访问过的链接”,则根本不会公布框架的内容。
jquery - jQuery 目标角色 = 主要咏叹调
我正在尝试将我的角色 = 主 div 定位为 jQuery 中的 ajaxish 负载,但我不知道该怎么做?我只是使用 [role=main] 还是有其他语法。
另外,如果由于某种原因不建议这样做,请告诉我。
accessibility - Asp.Net Form ...下拉元素的可访问性
我有一个 asp.net 网页,我正在寻找使表单可访问的不同方法。
在示例 #1中,我有一个与下拉列表关联的标签,在示例 #2中,我有一个带有下拉列表描述的 Aria-Label 标记。
最初的设计没有用于下拉菜单的标签,因此添加它们会破坏表单的外观和流程。下拉菜单用于过滤,并在页面顶部内嵌。下拉菜单下有两个按钮,一个用于过滤下拉列表中的内容,另一个用于重置表单,以便显示所有结果而不进行过滤。
我的问题是......添加 Aria-Label 标签是否可以接受,或者是否真的需要关联标签?
示例 #1
示例 #2
banner - 是否允许在 h1 上使用 role="banner"?
以下标记从验证器中收到错误:
错误是:错误:此时元素 h1 上不允许属性角色。
这是否意味着role="banner"
必须在header
元素上?
jquery - IE10 中的 ARIA 属性
我正在尝试aria-autocomplete
使用 jQuery 在元素上设置属性。但是,当IE10在IE5 Quirks 模式或IE7 标准模式下运行时,它会产生Member not found
错误。
有关演示,请参阅此jsFiddle。
我尝试了此处定义的各种其他 ARIA 属性:
有些会产生相同的错误,有些则不会。
我无法重现 IE9 中的错误。
这是IE10中的错误吗?jQuery?还是有其他我不理解的原因?
role - 多重唱腔角色“导航”和“互补”?
在一个文档中,有多个<nav>
and<aside>
元素。我应该添加role="navigation"
所有<nav>
s 和role="complementary"
所有<aside>
s 吗?
换句话说,一个文档中有多个<nav role="navigation">...</nav>
s和多个<aside role="complementary">...</aside>
s是更有益还是更多余?
html - 处理按钮组的语义方式
我有一个隐藏或显示的音频流列表,具体取决于用户是否单击具有类“btn-group”的 div 元素。我的标记类似于 twitter bootstrap 的按钮组,如下所示:
这很好,但不幸的是,这个重要的功能隐藏在一个div
元素中,而不是更有意义的东西中。是否有一个 aria-role 有意义?有没有其他人会推荐的方法?