Chrome WCAG Auditor在寻找什么级别的WCAG?

时间:2018-12-15 19:48:19

标签: google-chrome wcag

昨天,我开始使用Google Chrome浏览器确定我的网站上的WCAG符合性,但我不确定要确定要检查的WCAG级别。有人知道吗?我正在Windows 10中运行Chrome(版本71.0.3578.98(正式版本)(64位))。

在启动它的对话框或它生成的报告中的任何地方都看不到WCAG级别的任何迹象。

2 个答案:

答案 0 :(得分:1)

为清楚起见,我们使用的是开发人员工具( Ctrl + Shift + I F12 ),然后选择了“审核”标签?

“可访问性”复选框将运行Lighthouse,并且Lighthouse使用aXe中的规则集(您可以将其安装为Chrome或Firefox的单独插件)。如果您单击Lighthouse报告中的任何“了解更多”链接,它将带您到斧头页面,例如

  

颜色对比度令人满意

     

这些是提高内容可读性的机会。

     
      
  1. 背景色和前景色没有足够的对比度。
      对于许多用户而言,低对比度文字很难或无法阅读。 Learn more
  2.   

我无法在Lighthouse页面或斧头页面上找到任何说明该工具正在寻找的一致性级别的信息。直到您选择“了解更多”链接,系统才会告知您违规是A还是AA问题。在上面的颜色对比链接中,即使还有AAA conformance level for contrast,它也讨论了AA。由于aXe / Lighthouse没有提及AAA,因此我猜测,该工具仅查找A和AA问题,但是很高兴找到一个官方的消息指出这一点。

答案 1 :(得分:0)

正如@slugolicious 所写-Lighthouse 在幕后使用 Deque 的 ax,据我从他们的代码中了解到,它仅运行 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)。

然后如果我切换到 ax 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。 请注意 - 一些规则涵盖相同的成功标准,所以不是规则计数不是成功标准计数...