问题标签 [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 投票
3 回答
3074 浏览

html - 什么是从屏幕阅读器隐藏图标的适当方法

在我的 Web 应用程序中,我为自己制作了一个仅由图标组成的字体。我使用这些图标来补充应用程序中的标题和子标题,使其更具视觉吸引力。

然而,像 JAWS 这样的屏幕阅读器会读出这一点,这会给屏幕阅读器的用户带来不愉快的体验。

例如,角色c显示云的图像。我以这种方式使用它来补充例如标题,例如<h1>

<span class="my-font">c</span>

现在我希望屏幕阅读器完全忽略这一点,因为这只是对现有标题的补充,而不是为页面上的内容添加任何新含义。通过我的研究,我发现了两种可能性:

aria-hidden="true"或者role="presentation"

我只是不确定其中哪一个(或两者都适合)适合我想要实现的目标。

0 投票
1 回答
766 浏览

css - ARIA 角色在 IE8 中不起作用?

在考虑使用 HTML5 为公共部门重新创建页面后,我得出结论,HTML5 和 ARIA 的组合将是为残障人士增加更多可访问性的最佳选择。

所以我目前正在试验这种组合。 这个页面有一些很好的入门教程。

组合新的 HTML5header元素

与咏叹调

你可以用这个

他们说。有了这个,CSS选择器应该看起来像这样

但无论我尝试 IE8 和 Google Chrome,它都不会做任何事情。但是 IE8 应该可以正常工作。Firefox 和 Opera 运行正常。

那么我做错了什么?

0 投票
1 回答
645 浏览

html - 文件选择器组件是否有可用的 ARIA 属性?

检查角色的定义以及W3C 的可访问富 Internet 应用程序 (WAI-ARIA) 规范的状态和属性定义,但似乎没有为文件选择器(或一般的文件上传器)定义任何角色或状态。有吗?在这种情况下他们有多需要?

0 投票
1 回答
1076 浏览

accessibility - ARIA 具有里程碑意义的角色,其中 aria-hidden 设置为 true

当用户列出地标区域时,也会显示 aria-hidden 设置为 true 的 ARIA 地标角色。(使用 JAWS 时:Jaws key++ CTRL;

例子:

仅在单击“工具菜单”按钮时显示

我的问题是,

  1. 当用户列出具有里程碑意义的角色时,有没有办法不显示?
  2. 当我使用地标角色进入特定区域时,Jaws 并没有宣布隐藏特定区域。可能出了什么问题?我正在使用 Jaws 12.0
  3. 它是否按预期工作?
0 投票
4 回答
227 浏览

accessibility - 网站可以采取哪些简单的步骤来改善残障访问者的可访问性?

更新 2:再次编辑以更清楚地关注残疾游客

单独应用 ARIA 地标角色是一项重大的可访问性改进,还是一项收效甚微的折中措施?网站是否可以做其他相对简单的事情来显着提高可访问性?

  • 我所说的可访问性是指残障人士的可用性,例如视力障碍、使用鼠标困难等。
  • 简单来说,我的意思是对网站主要模板上的页面结构进行大规模更改,而不是对每个页面进行手动调整。

例如,应用 ARIA 标志性角色的一个步骤对于许多网站来说都是可行的,只需更新他们的博客或内容管理软件模板。整整九码来注释每个小部件的交互状态要困难得多,除非底层平台已经这样做了。

以下是网站可以采取的一些可能步骤,所有这些步骤都是相对容易实现的:

  • 将所有内容放在 HTML5 语义容器标签中,特别是文章、旁边、导航、部分、图、无花果标题、页脚、页眉和主
  • 将 ARIA 地标角色分配给内容容器和 HTML 标题
  • 将 aria-labelledby 和 aria- describeby 属性分配给适当的内容容器
  • 为内容容器设置标题属性(不太理想,因为它被所有人看到)

其中哪些值得做?综上所述,它们是否会对残疾人的无障碍环境产生真正的影响?还有其他简单的东西可以提高可访问性吗?

(我特别不是在谈论表单或交互性,那是另一个话题。我也不是在谈论确保 HTML 和图像颜色具有良好的对比度,不是因为它不重要,而是因为必须在案例中完成- 逐个基本,而不是在全局模板中。)

0 投票
1 回答
1117 浏览

html - ARIA 验证错误:属性角色的值滑块错误

我正在尝试针对 W3C 验证器验证包含以下内容的页面:

验证器告诉我:

元素按钮上属性角色的错误值滑块

知道为什么吗?我在 ARIA 规范中找不到任何解释。我在这篇博文中看到landmark验证器不支持角色,但滑块是一个widget角色。此外,同一博客中的另一篇文章使用上面的代码作为示例......

只需将上面的代码提供给验证器就可以重现。

0 投票
6 回答
5830 浏览

accessibility - 用于 JAWS 开发的文本控制台?

我正在开发一个 Web 应用程序,我想通过屏幕阅读器使其易于使用。在 JAWS 中测试东西非常耗时。是否可以让 JAWS 显示文本而不是阅读文本?我不想在开发过程中真正听到内容。我只是想看看 JAWS 会读到什么。

0 投票
3 回答
1819 浏览

html - HTML ARIA 验证问题 (HTML5)

我几乎可以确保我的网站始终有效。

所以今天,在更改了我网站上的某个项目后,我再次运行了 W3C 验证器。

突然出现大约 20 个错误 - 星期四(2 天前)不存在。

(为了验证,我选择了 HTML5 / UTF8 - 就像上次一样)

出于某种原因,我现在得到一个:

元素li缺少以下一个或多个属性:aria-checked、aria-expanded、aria-valuemax、aria-valuemin、aria-valuenow、aria-valuetext、role."-我使用的每个列表项的错误。

ARIA 是强制性的吗?如果是,为什么我会突然收到这些错误——而我两天前没有?

可能是我忽略了一些东西。我的网站可以在这里找到:http: //www.project-voorbeeld3.be/

我不得不承认,ARIA 在这一点上对我来说是新的——但我已经浏览了很多关于它的文章,我似乎无法弄清楚哪里出了问题。

欢迎提供任何线索!

0 投票
1 回答
104 浏览

html - 当前 AT 的 ARIA 标志性角色的支持情况如何?

为了使当前 AT 支持 ARIA 里程碑角色,是否仍然必须添加网页上的role="navigation"所有元素?nav

0 投票
1 回答
899 浏览

wai-aria - JAWS 未读取添加到 span 元素的动态值

我有这样的场景,当页面被加载时,会引发一些 Ajax 请求,并且响应将被绘制在span元素内部。span加载屏幕后,应读取所有更新的元素。

我添加了aria-live = "polite"role = "alert"属性,span以使 JAWS 可以读取内容。所有更新的span元素都会被读取几次,或者只span读取最后一次更新的元素。这种行为是不一致的。你能帮我解决这个问题吗?

PS:我也尝试aria-liveassertive,但在这里也遇到了同样的问题。