Chrome WCAG Auditor需要什么级别的WCAG?

igsr9ssn  于 2023-09-28  发布在  Go
关注(0)|答案(3)|浏览(115)

我昨天开始使用谷歌Chrome来确定我的网站上的WCAG合规性,但我不知道它在检查什么级别的WCAG。有人知道吗?我在Windows 10中运行Chrome(版本71.0.3578.98(官方版本)(64位))。
在启动它的对话框或它生成的报告中,我看不到任何WCAG级别的指示。

7qhs6swi

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问题,但如果能找到一个官方来源说明这一点就好了。

oprakyz7

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})中的一些自动检查;

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。请注意-某些规则涵盖相同的成功标准,因此规则计数不是成功标准计数...

bvhaajcl

bvhaajcl3#

这个问题在Deque website上提出并得到了回答:
Chrome Dev Tools可访问性审核与扩展使用相同的规则集,因此测试级别相同-axe规则集目前针对WCAG 2规则(包括2.0、2.1、A、AA和AAA)和Section 508进行测试。axe扩展(以及库本身)确实指出了每个问题违反了哪些规则/法规,但这些信息并没有作为Chrome开发工具审核员的UI的一部分。如果这对你来说是一个问题,你可能想尝试使用斧头Chrome扩展程序,而不是开发工具审计器。

相关问题