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

javascript - TotalValidatorPro 问题

我正在尝试让TotalValidatorPro抓取需要登录的页面。即使我将登录信息放在身份验证选项卡中。它不会通过登录页面。即使我已经登录并且我尝试从登录的登录页面启动验证器。有没有人使用这个工具来验证那里的网页?你知道这个问题的解决方案吗?

试图通过整个网络应用程序使其达到 WCAG 2.0 A 标准。

如果您对此事有任何解决方案或意见,我将不胜感激!

谢谢!

0 投票
3 回答
786 浏览

html - WCAG 2 合规性:vs
用于布局

如您所知,在某些情况下,制作包含大量边框的布局(即:某种打印填写表单)可能会非常痛苦。table那么,WCAG 2.0 中使用vsdivs用于布局目的是可以接受/正确的行在哪里?


当我将“提供”范围添加到依赖项目时出现 ClassNotFoundException

如您所知,在某些情况下,制作包含大量边框的布局(即:某种打印填写表单)可能会非常痛苦。table那么,WCAG 2.0 中使用vsdivs用于布局目的是可以接受/正确的行在哪里?


当我将“提供”范围添加到依赖项目时出现 ClassNotFoundException

我在 SBT、根项目和带有宏的项目中构建了多个项目,并且根项目dependsOn(macros % "provided")上有一个属性。所有测试都很好,但是当我尝试在本地运行根项目或将其部署到远程服务器时,它会失败并ClassNotFoundExceptionMacros$找不到我的文件。

0 投票
3 回答
2798 浏览

html - 为 HTML 中的可访问性标记隐式列标题

我提供了一个大致如下所示的数据表:

对于视力正常的读者来说,第一列的含义 - 位置名称 - 很清楚,并且不使用列标题在视觉上看起来更好。但是,这对使用屏幕阅读器的人没有帮助,而且不出所料,WAI 验证失败。

我的标记看起来像:

所以我的问题是:我应该在指示中添加什么,th以便它为需要它的人提供支持和上下文,但不会为不需要它的人增加视觉混乱?

我想到的一种选择是将列标题添加到标记中,然后使用 CSS 使其不可见,以供有视力的读者使用。但是,我想知道使用 ARIA 元数据或类似的东西是否有更好(更语义)的方式?

0 投票
2 回答
195 浏览

accessibility - 符合 WCAG AAA 标准 - 值得一提吗?

我被要求评论一个网站……在进行颜色对比可访问性测试时,我发现有些东西不符合 WCAG AAA 标准。这是我应该提出的吗?还是我看起来像个傻瓜?这是一个教育网站...

0 投票
1 回答
763 浏览

accessibility - WCAG 2.0 - 摘要属性是表格元素的必需品吗

我对WCAG 2.0 Documentation有点困惑。我有两个问题:

1)在H73中:使用table元素的summary属性给出数据表的概览,说明

“如果这是成功标准的充分技术,则未通过此测试程序并不一定意味着未以其他方式满足成功标准,只是该技术尚未成功实施并且不能用于声明符合性。”

实际上大多数标准都有这个文本。这是什么意思?既然没有写摘要属性是强制的,那么包含摘要属性是可选的吗?

2)有足够的技术区和故障区。如果一个标准列在足够的技术区域中并且当故障区域没有提到该标准时,这是否意味着该标准是可选的?

0 投票
7 回答
20970 浏览

html - 在 HTML 中组合表格和分层列表

我正在努力重新设计一个遗留工具集,并且我正在研究如何更好地在外观和语义上显示一些信息。

数据本质上是分层的,但具有需要用户随时可见的属性。所需的布局类似于下面。

目前这是一个完整的表格,并且Seq通过插入额外的表格单元格来实现对序列 () 编号的缩进,以将所有内容都向右碰撞。

我面临的挑战是弄清楚如何有效地显示这些信息。

首先是这个表格数据?我会说不,因为层次结构很重要,而“列”只是每个“行”中项目的属性。

如果它不是表格,它是什么以及如何完成?我个人认为这是一组嵌套UL列表 - 序列号是可选的,并不总是一个数字。如果它是一组列表,那将正确缩进子列表,但是呈现短属性的最佳方式是什么?

如果是表,那么在表中呈现层次结构的语义存在的最佳方式是什么?

0 投票
1 回答
1244 浏览

css - 可访问性和文本大小调整:如果我不再支持 IE6,我还需要使用 ems 吗?

WCAG 2.0 说:

(1.4.4) 调整文本大小:除了文本的标题和图像外,无需辅助技术即可将文本大小调整到 200%,而不会丢失内容或功能。(AA级)

并详细说明:

内容的缩放主要是用户代理的责任。

和:

作者的职责是创建不妨碍用户代理有效扩展内容的 Web 内容。

Internet Explorer 的“文本大小”选项不会调整使用基于像素的字体大小编码的文本大小。因此,为了符合可访问性指南,我们的作者传统上避免在 CSS 中使用基于像素的字体大小,而是选择了更困难的基于 em 的字体大小。

但从第 7 版开始,Internet Explorer 提供了另一种增加文本大小的方法——“缩放”选项——它适用于基于像素的字体大小。

当浏览器设置中有替代的“缩放”功能时,我是否有法律义务继续支持 IE 的文本大小功能?

WCAG 2 继续说:

如果作者使用其用户代理不提供缩放支持的技术,则作者负责直接提供此类功能或提供与用户代理提供的功能类型一起使用的内容。

根据用户统计,我不再支持 IE6。这对答案有影响吗?就此而言,我不再支持 IE 3 或 Netscape 1,但这些浏览器似乎不是问题。


感谢您的回复。你所说的一切我都同意,但我认为我的问题的症结已经丢失,所以让我们添加一些上下文。

我在一个已经存在十多年的大型企业网站上工作,有数万页,数百个不同大小的 CSS 文件(是的,我们知道)和以像素为单位设置的字体大小(我们再次知道)

像素字体意味着 IE(甚至 IE10)中的“文本大小”浏览器设置不会调整文本大小。正如 Robooneus 所说,ems 将继承浏览器字体大小设置并且是更好的选择,但像素不会。

因此,任何需要更大文本才能访问我们服务的用户,使用任何版本的 IE,将无法使用“文本大小”设置增加字体大小,但可以缩放页面如果他们有 IE7 或更高版本。

Am I legally obliged to continue to support IE's Text Size feature when there is an alternative 'Zoom' feature in the browser settings? For example, a user may be restricted to using an old browser such as IE6, or may not want to zoom the page beyond the size of the screen.

0 投票
1 回答
879 浏览

accessibility - 无法标签到图像链接

我正在尝试使我的网站符合 WCAG 2.0 AA。我需要通过制表符访问我的所有链接,但是当用户按下键盘上的制表符时,页面上的第一个链接(一个返回主页的徽标)没有被拾取。页面上的所有文本链接都被很好地拾取。我的标记如下:

我该如何解决?

0 投票
1 回答
695 浏览

html - 布局表和 WCAG 2 错误

我知道 WCAG 2.0 允许表格进行布局,但由于某种原因,achecker 不断给我以下错误:

检查 245:具有多于一行/列标题的数据表不使用 id 和 headers 属性来识别单元格

修复:将 id 和 headers 属性添加到表格单元格,以便它们识别与 headers 相关的单元格

HTML 代码:

如果我删除该内部布局表,则验证通过。为什么嵌套布局表会出现此错误?

任何建议,将不胜感激。

0 投票
1 回答
291 浏览

asp.net - 一个ASP.NET应用需要WCAG2.0测试工具

我们正在用 VS2012 开发一个 ASP.NET 网站。需要通过WCAG2.0指南。VS2012 中的检查可访问性清单与指南不匹配。

任何人都有任何特定于 WCAG2.0 指南清单的工具的指针吗?