问题标签 [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.
html - 什么是从屏幕阅读器隐藏图标的适当方法
在我的 Web 应用程序中,我为自己制作了一个仅由图标组成的字体。我使用这些图标来补充应用程序中的标题和子标题,使其更具视觉吸引力。
然而,像 JAWS 这样的屏幕阅读器会读出这一点,这会给屏幕阅读器的用户带来不愉快的体验。
例如,角色c
显示云的图像。我以这种方式使用它来补充例如标题,例如<h1>
:
<span class="my-font">c</span>
现在我希望屏幕阅读器完全忽略这一点,因为这只是对现有标题的补充,而不是为页面上的内容添加任何新含义。通过我的研究,我发现了两种可能性:
aria-hidden="true"
或者role="presentation"
我只是不确定其中哪一个(或两者都适合)适合我想要实现的目标。
css - ARIA 角色在 IE8 中不起作用?
在考虑使用 HTML5 为公共部门重新创建页面后,我得出结论,HTML5 和 ARIA 的组合将是为残障人士增加更多可访问性的最佳选择。
所以我目前正在试验这种组合。 这个页面有一些很好的入门教程。
组合新的 HTML5header
元素
与咏叹调
你可以用这个
他们说。有了这个,CSS选择器应该看起来像这样
但无论我尝试 IE8 和 Google Chrome,它都不会做任何事情。但是 IE8 应该可以正常工作。Firefox 和 Opera 运行正常。
那么我做错了什么?
accessibility - ARIA 具有里程碑意义的角色,其中 aria-hidden 设置为 true
当用户列出地标区域时,也会显示 aria-hidden 设置为 true 的 ARIA 地标角色。(使用 JAWS 时:Jaws key++ CTRL);
例子:
仅在单击“工具菜单”按钮时显示
我的问题是,
- 当用户列出具有里程碑意义的角色时,有没有办法不显示?
- 当我使用地标角色进入特定区域时,Jaws 并没有宣布隐藏特定区域。可能出了什么问题?我正在使用 Jaws 12.0
- 它是否按预期工作?
accessibility - 网站可以采取哪些简单的步骤来改善残障访问者的可访问性?
更新 2:再次编辑以更清楚地关注残疾游客
单独应用 ARIA 地标角色是一项重大的可访问性改进,还是一项收效甚微的折中措施?网站是否可以做其他相对简单的事情来显着提高可访问性?
- 我所说的可访问性是指残障人士的可用性,例如视力障碍、使用鼠标困难等。
- 简单来说,我的意思是对网站主要模板上的页面结构进行大规模更改,而不是对每个页面进行手动调整。
例如,应用 ARIA 标志性角色的一个步骤对于许多网站来说都是可行的,只需更新他们的博客或内容管理软件模板。整整九码来注释每个小部件的交互状态要困难得多,除非底层平台已经这样做了。
以下是网站可以采取的一些可能步骤,所有这些步骤都是相对容易实现的:
- 将所有内容放在 HTML5 语义容器标签中,特别是文章、旁边、导航、部分、图、无花果标题、页脚、页眉和主
- 将 ARIA 地标角色分配给内容容器和 HTML 标题
- 将 aria-labelledby 和 aria- describeby 属性分配给适当的内容容器
- 为内容容器设置标题属性(不太理想,因为它被所有人看到)
其中哪些值得做?综上所述,它们是否会对残疾人的无障碍环境产生真正的影响?还有其他简单的东西可以提高可访问性吗?
(我特别不是在谈论表单或交互性,那是另一个话题。我也不是在谈论确保 HTML 和图像颜色具有良好的对比度,不是因为它不重要,而是因为必须在案例中完成- 逐个基本,而不是在全局模板中。)
html - ARIA 验证错误:属性角色的值滑块错误
我正在尝试针对 W3C 验证器验证包含以下内容的页面:
验证器告诉我:
元素按钮上属性角色的错误值滑块
知道为什么吗?我在 ARIA 规范中找不到任何解释。我在这篇博文中看到landmark
验证器不支持角色,但滑块是一个widget
角色。此外,同一博客中的另一篇文章使用上面的代码作为示例......
只需将上面的代码提供给验证器就可以重现。
accessibility - 用于 JAWS 开发的文本控制台?
我正在开发一个 Web 应用程序,我想通过屏幕阅读器使其易于使用。在 JAWS 中测试东西非常耗时。是否可以让 JAWS 显示文本而不是阅读文本?我不想在开发过程中真正听到内容。我只是想看看 JAWS 会读到什么。
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 在这一点上对我来说是新的——但我已经浏览了很多关于它的文章,我似乎无法弄清楚哪里出了问题。
欢迎提供任何线索!
html - 当前 AT 的 ARIA 标志性角色的支持情况如何?
为了使当前 AT 支持 ARIA 里程碑角色,是否仍然必须添加网页上的role="navigation"
所有元素?nav
wai-aria - JAWS 未读取添加到 span 元素的动态值
我有这样的场景,当页面被加载时,会引发一些 Ajax 请求,并且响应将被绘制在span
元素内部。span
加载屏幕后,应读取所有更新的元素。
我添加了aria-live = "polite"
和role = "alert"
属性,span
以使 JAWS 可以读取内容。所有更新的span
元素都会被读取几次,或者只span
读取最后一次更新的元素。这种行为是不一致的。你能帮我解决这个问题吗?
PS:我也尝试aria-live
过assertive
,但在这里也遇到了同样的问题。