问题标签 [wcag]

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 回答
1046 浏览

php - 如何在持续集成环境中验证 WCAG 的 html?(詹金斯)

我们将 Jenkins 用于我们的 CI。

我们的代码主要是 PHP(Zend 框架),我们希望验证每个提交是否符合 WCAG 标准。

或者,我们想使用一些海关规则来验证 HTML(没有没有 ALT 属性的 IMG 标签,没有没有 lang 的 HTML 标签等)。

有谁知道一个好的插件可能有用或有一些实现解决方案的线索?

谢谢

0 投票
1 回答
5953 浏览

google-maps - 谷歌地图和 WCAG 2.0 A 级

我有一张地图,显示带有过滤选项的自定义标记和基于过滤选项的不同标记颜色。单击标记会按预期显示带有图片的文本气泡。

使谷歌地图符合 A 级所需的条件。显然,屏幕阅读器版本将不那么令人兴奋。

WCAG 2.0

我需要做什么才能使我的谷歌地图符合 WCAG 2.0 A 级?

编辑:

我想我需要一个解决方案:

1.1 文本替代

-Map 有数百个标记,因为它们作为 js 对象存在,所以无法访问

1.3 适应性强

- 无法检测到屏幕阅读器并进行相应调整

2.1 键盘可访问

- 谷歌地图不提供热键,虽然我确信可以用 js 连接一些。

4.1 兼容

- 这将排除任何 js 黑客使谷歌地图响应热键。

什么是最佳做法? 通过可访问的版本链接链接到我的标记列表作为文本怎么样?

0 投票
1 回答
1717 浏览

html - HTML5 对 WCAG 2.0 AA 级有效吗?

我不熟悉英文的可访问性规范。

我知道在法国的RGAA中我们不能使用 HTML5,因为我们必须兼容 IE6 (no-js),并且大部分屏幕阅读器都是基于它的。

RGAA 和accessiweb Silver 都受到 WCAG 2.0 Level AA 的启发,所以我想我不能使用 HTML5,但我只是想确定一下。

谢谢。

0 投票
1 回答
1177 浏览

javascript - 页面加载后强制焦点~唯一

信息:

屏幕阅读器:Jaws 14、Apple Voiceover

浏览器:IE、Chrome、Firefox

所以我有一个网络流,我试图通过屏幕阅读器访问它。现在它由多个虚拟机组成。在标题中有一个主要内容的跳转,因此用户可以跳过显示在流程每个页面上的冗余标题。我的问题是屏幕阅读器忽略了页面的主体。我能够使用以下代码来引起对内容的关注,屏幕阅读器将从那里读取。

然后是一个用作锚点的标签,如下所示:

这很好用,但现在它跳过了页面的标题。

所以我的问题是,有没有办法让焦点回到页面顶部,或者有一种更好的方法来强制将内容加载到屏幕阅读器中以线性方式阅读它?

我只在 IE 中遇到这个问题(是的,谁会想到)。Voiceover and Jaws 14 在任何其他浏览器中都没有问题。

希望这个描述是清楚的,如果不是,我可以在需要时尝试详细说明。

感谢您的宝贵时间,非常感谢!

0 投票
0 回答
70 浏览

javascript - 浏览内容时jQuery滑块重新定位

当通过 jquery 滑块中的链接内容切换时,幻灯片位置会跳转到 :focus 中的链接,从而破坏幻灯片的对齐方式。出于可访问性目的,标准键盘导航对我来说很重要。

相当缺乏经验的 jquery 编码器抱歉。

我想要工作的是

0 投票
1 回答
112 浏览

html - WCAG 标准的可访问性 - 如何处理标签内的标签

我试图弄清楚如何使用 WCAG 标准标记一些代码,但是当我遇到这种情况时它有点复杂:

我如何处理第一个“标签”?在这种情况下如何使用“for”和“id”?

0 投票
3 回答
3710 浏览

html - 导航中当前页面使用什么 ARIA 状态角色

最近我一直在将 ARIA 实现到 Web 应用程序中,我发现这个问题对改进导航部分很有帮助。

在所有模块中实现后,我发现了这个 HTML 验证错误:

此时aria-selected元素上不允许使用属性。a

查看 ARIA 规范,我发现它aria-selected仅用于角色 gridcell、option、row 和 tab。就我而言,链接的作用是menuitem.

这是 HTML 代码的代表性示例:

如您所见,这是在“第 3 页”上拍摄的。

在这里使用的正确 ARIA 角色是什么?

0 投票
1 回答
250 浏览

html - HTML 错误算作 WCAG 错误吗?

我正在尝试使网站符合 WCAG 标准并阅读了很多关于它的内容,但仍然存在一个问题:

如果文档有 HTML 错误,是否会被视为符合 WCAG 2.0 AA?

以下是 Total Validator 生成的报告。它有 2 个不同的部分。1 表示 HTML 错误,其他表示 WCAG 错误。这是否意味着如果存在 HTML 错误和 WCAG 错误,该文档将符合 WCAG 标准?

Total Validator 生成的报告的屏幕截图,显示标题为

顺便说一下,它是 HTML 4。

0 投票
2 回答
247 浏览

html - 如何在表格单元格中实现不可见但可访问的链接?

我正在尝试创建一个可点击的空表格单元格,该单元格也易于访问。

用例:一天的日程表,每个单元格代表一个时间段。如果单元格中没有任何内容,则时间段可用并且应该是可点击的,以便可以预订时间段。

如何实现它以使其符合 WCAG2.0?

0 投票
1 回答
145 浏览

eclipse - ACTF aDesigner/aiBrowser 对手动可访问性测试有用吗

我正在寻找用于手动测试 Web 应用程序页面的可访问性合规性的工具。ACTF 的 aDesigner/aiBrowser 看起来很不错,提供了很好的自动化测试。

在同一个ACTF的浏览器中,如果用户想检查一个UI控件的属性并检查可访问性指南,然后发现问题,是否可以实现?在这里,用户可以在 UI 控件上做 Firefox 的 web 开发者之类的功能,然后进行可访问性测试。有可能这样做吗?