问题标签 [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 回答
3075 浏览

javascript - 将屏幕阅读器的焦点设置在 ember 中的模式警报上

我正在尝试使我的 ember.js 应用程序更易于访问,并且正在通过 Apple 的内置 VoiceOver 实用程序进行测试。我在视图中添加了必要的ariaRoles,并在导航目的不明确的地方添加了 aria-label 属性。我在将注意力集中在模态警报上时遇到了问题,因为读者的注意力停留在模态后面的页面项目上。有没有人有处理屏幕阅读器模式警报的经验?我的印象是,在我的视图中声明“ariaRole:'alertDialog'”会为此类对话框设置适当的角色,并且此角色的焦点行为可能在屏幕阅读器之间有所不同。谢谢!!!

0 投票
2 回答
3110 浏览

html - 如何使用 WAI-ARIA 创建完全可访问的嵌套下拉列表?

几天前,我开始在 Internet 上搜索有关 WAI-ARIA 的教程和文档,以了解几乎所有类型的 AJAX 请求。

我习惯于使用 jQuery 和 AJAX 编码嵌套的下拉列表。它工作得很好,但不是本机可访问的。例如,我们需要使用 WAI-ARIA 特定标签来“启用”各种动态内容(例如 AJAX)的可访问性。

我的要求之一如下:

  • 假设我有一个 State 下拉菜单,它使用 onchange 事件更新 Region 下拉菜单。如何使用 WAI-ARIA 和 jQuery 与屏幕阅读器进行交互,以告知用户 Region 下拉列表已更新?
0 投票
2 回答
483 浏览

xpages - “禁用”属性不适用于显示日期/时间选择器的日期/时间编辑框

显示类型设置为“日期/时间”并选中“显示日期/时间选择器弹出”选项的编辑框显然会忽略选中的“禁用”属性(这是一个错误吗?);如果没有选择器弹出选项,该控件可以像任何其他编辑框一样被禁用。

但是,如果我检查控件的“只读”属性及其“显示禁用的只读控件”属性,则该控件似乎呈现为“禁用”;INPUT 的 html 源代码显示了这些属性

问题:使用该解决方法是否有任何可能的副作用?到目前为止,我对 aria 属性等没有任何经验。

0 投票
3 回答
680 浏览

html - 我应该使用 ARIA 角色和跳过导航链接吗?

我正在整理一个公司“商店橱窗”网站,并计划使用 ARIA 地标角色使其更易于访问。

ARIA 角色的支持程度如何?我是否也应该拥有标准的“Skip Nav”链接,或者这只会混淆屏幕阅读器?

0 投票
2 回答
5117 浏览

accessibility - JAWS 表单模式,读取 div 中的文本

我试图让盲人用户可以访问我的数据库,并且可以预见会有很多麻烦。

我发现添加 role='application' 并立即将 JAWS 置于表单模式可以使我的网站的选项卡和行为更加可预测。但是,我不知道如何让它阅读简单的文本。

例如。假设我有一个看起来像这样的表格

如何使屏幕阅读器读取 div “在下一部分中,确保...”?

0 投票
1 回答
847 浏览

html - 提示/警告/错误退出的 HTML5 语义元素?

我正在使用 XML 安全的 HTML5,并且想知道记录额外提示/警告/错误框的语义方式(就像技术手册中常见的那些):

除非可能,否则我想使用更合适的元素。我什至不确定contentinfo这里是否是一个合适的选择。

补充:<note>在寻找 DITA 中元素的 HTML5 替代品。

一点上下文:我将使用样式表(XSLT2 和 CSS)来重新格式化一些输出的内容。

0 投票
1 回答
1336 浏览

html - 如何在点击可访问性时显示/阅读所描述的信息?

我有一个帮助链接可以切换我的<p id="hlp">元素。在这些元素之间有一个复选框区域。我需要在链接点击时提供帮助信息(阅读 p),而不是在焦点上。

我怎样才能做到这一点?

0 投票
1 回答
614 浏览

firefox - 下颚未宣布滚动条的咏叹调角色

我正在将 FF 与 Jaws 一起使用,并且我已经在 div 上设置了“滚动条”的角色,但 Jaws 没有接收到它:

wai aria 规范说 aria-valuemax、min 和 now 是滚动条角色的强制属性,但我不确定在这种情况下它是否有意义,因为我所拥有的只是一个垂直可滚动区域......想法?

FF 14.0.1 大白鲨 13.0

0 投票
1 回答
557 浏览

accessibility - WAI-ARIA 认证

是否有人可以获得 W3C 的WAI-ARIA规范的信誉良好的认证?

0 投票
2 回答
7794 浏览

javascript - 如何使没有 href 属性的链接可访问?

在我工作的网站上使用了第三方脚本,它替换了一些<a href="">with的实例<a>。由于脚本的另一部分,这些链接仍然有效,但它们不再被用户代理视为链接。

我可以通过添加将它们恢复为选项卡式导航顺序,tabindex="0"但我怎样才能使辅助技术将它们宣布为链接或将它们包含在页面上所有链接的列表中?

会增加role="link"帮助吗?

我正在推动第三方改进他们的脚本,以使 href 保持不变。但与此同时,我如何最好地修复正在造成的损害?

我无法将原始代码href或类似内容添加href="#"回链接,因为第三方代码将不再执行它的功能。我希望他们改进他们的代码,以便我可以,但现在我需要使链接可以在没有“href”的情况下访问。