我昨天开始使用谷歌Chrome来确定我的网站上的WCAG合规性,但我不知道它在检查什么级别的WCAG。有人知道吗?我在Windows 10中运行Chrome(版本71.0.3578.98(官方版本)(64位))。在启动它的对话框或它生成的报告中,我看不到任何WCAG级别的指示。
7qhs6swi1#
只是为了清楚我们谈论的是哪一部分,您正在使用开发人员工具(Ctrl+Shift+I或F12),并且您选择了“审核”选项卡?“Accessibility”复选框将运行Lighthouse,Lighthouse使用来自aXe的规则集(您可以将其作为Chrome或Firefox的单独插件安装)。如果您点击Lighthouse报告中的任何一个“了解更多”链接,它会将您带到aXe页面,例如
色彩对比度满意
这些都是提高内容易读性的机会。1.背景和前景色没有足够的对比度。低对比度文本对于许多用户来说是难以或不可能阅读的。Learn more。我在Lighthouse页面或aXe页面上找不到任何说明该工具正在寻找的一致性级别的内容。直到您选择“了解更多”链接,您才会被告知违规是A还是AA问题。在上面的颜色对比链接中,它谈到了AA,尽管还有一个AAA conformance level for contrast。由于aXe/Lighthouse没有提到AAA,我猜**该工具只是在寻找A和AA问题,但如果能找到一个官方来源说明这一点就好了。
oprakyz72#
正如@slugolicious所写的--灯塔在幕后使用Deque的aXe,据我所知,从他们的代码中,它只运行WCAG 2.1 A和AA规则。
return window.axe.run(document, { elementRef: true, runOnly: { type: 'tag', values: [ 'wcag2a', 'wcag2aa', ], },
我看到他们还禁用了Lighthouse({enabled: false})中的一些自动检查;
{enabled: false}
rules: { 'tabindex': {enabled: true}, 'accesskeys': {enabled: true}, 'table-fake-caption': {enabled: false}, 'td-has-header': {enabled: false}, 'marquee': {enabled: false}, 'area-alt': {enabled: false}, 'aria-dpub-role-fallback': {enabled: false}, 'aria-hidden-body': {enabled: false}, 'duplicate-id-active': {enabled: false}, 'duplicate-id-aria': {enabled: false}, 'html-xml-lang-mismatch': {enabled: false}, 'blink': {enabled: false}, 'server-side-image-map': {enabled: false}, 'aria-hidden-focus': {enabled: false}, 'form-field-multiple-labels': {enabled: false}, 'aria-input-field-name': {enabled: false}, 'aria-toggle-field-name': {enabled: false}, },
(来源:https://github.com/GoogleChrome/lighthouse/blob/252232db9263750435e471da7ea2da1f97ef0d61/lighthouse-core/gather/gatherers/accessibility.js#L24-L51)。然后如果我切换到aXe repo,您可以看到详细信息;https://github.com/dequelabs/axe-core/blob/482cd65e1073213a2fd7ae906a337c5ac15c3f11/doc/rule-descriptions.md#wcag-21-level-a--aa-rules所以-主要是WCAG 2.0(53条规则)和一些(3条规则)WCAG 2.1。请注意-某些规则涵盖相同的成功标准,因此规则计数不是成功标准计数...
bvhaajcl3#
这个问题在Deque website上提出并得到了回答:Chrome Dev Tools可访问性审核与扩展使用相同的规则集,因此测试级别相同-axe规则集目前针对WCAG 2规则(包括2.0、2.1、A、AA和AAA)和Section 508进行测试。axe扩展(以及库本身)确实指出了每个问题违反了哪些规则/法规,但这些信息并没有作为Chrome开发工具审核员的UI的一部分。如果这对你来说是一个问题,你可能想尝试使用斧头Chrome扩展程序,而不是开发工具审计器。
3条答案
按热度按时间7qhs6swi1#
只是为了清楚我们谈论的是哪一部分,您正在使用开发人员工具(Ctrl+Shift+I或F12),并且您选择了“审核”选项卡?
“Accessibility”复选框将运行Lighthouse,Lighthouse使用来自aXe的规则集(您可以将其作为Chrome或Firefox的单独插件安装)。如果您点击Lighthouse报告中的任何一个“了解更多”链接,它会将您带到aXe页面,例如
色彩对比度满意
这些都是提高内容易读性的机会。
1.背景和前景色没有足够的对比度。
低对比度文本对于许多用户来说是难以或不可能阅读的。Learn more。
我在Lighthouse页面或aXe页面上找不到任何说明该工具正在寻找的一致性级别的内容。直到您选择“了解更多”链接,您才会被告知违规是A还是AA问题。在上面的颜色对比链接中,它谈到了AA,尽管还有一个AAA conformance level for contrast。由于aXe/Lighthouse没有提到AAA,我猜**该工具只是在寻找A和AA问题,但如果能找到一个官方来源说明这一点就好了。
oprakyz72#
正如@slugolicious所写的--灯塔在幕后使用Deque的aXe,据我所知,从他们的代码中,它只运行WCAG 2.1 A和AA规则。
我看到他们还禁用了Lighthouse(
{enabled: false}
)中的一些自动检查;(来源:https://github.com/GoogleChrome/lighthouse/blob/252232db9263750435e471da7ea2da1f97ef0d61/lighthouse-core/gather/gatherers/accessibility.js#L24-L51)。
然后如果我切换到aXe repo,您可以看到详细信息;
https://github.com/dequelabs/axe-core/blob/482cd65e1073213a2fd7ae906a337c5ac15c3f11/doc/rule-descriptions.md#wcag-21-level-a--aa-rules
所以-主要是WCAG 2.0(53条规则)和一些(3条规则)WCAG 2.1。请注意-某些规则涵盖相同的成功标准,因此规则计数不是成功标准计数...
bvhaajcl3#
这个问题在Deque website上提出并得到了回答:
Chrome Dev Tools可访问性审核与扩展使用相同的规则集,因此测试级别相同-axe规则集目前针对WCAG 2规则(包括2.0、2.1、A、AA和AAA)和Section 508进行测试。axe扩展(以及库本身)确实指出了每个问题违反了哪些规则/法规,但这些信息并没有作为Chrome开发工具审核员的UI的一部分。如果这对你来说是一个问题,你可能想尝试使用斧头Chrome扩展程序,而不是开发工具审计器。