脚本用户界面可能无法访问。 WCAG 2.0(AA级)

时间:2019-02-13 07:54:07

标签: javascript html html5 accessibility

我正在尝试使我的网站可访问性兼容。

我正在使用 achecker.ca查看我的错误。

由于某些原因,根据WCAG 2.0 (Level AA)第2.1节,成功标准2.1.1,检查ID 89,我的所有脚本标签都显示为潜在错误。

我需要摆脱这些潜在的错误,但是就我个人而言,我不知道如何使脚本可访问,因为脚本的唯一工作就是分配对象。例如以下脚本:

<script>
    window.dataLayer = [{
        "page_details": {
            "url": "\/us\/social-channels\/",
            "name": "Social channels"
        },
    }];
</script>

有什么想法可以解决这个问题吗?

2 个答案:

答案 0 :(得分:5)

针对这个特定问题Check ID 89,它说:

  

简短说明
  将为所有script元素生成此错误。

然后有两个例子,一个通过,一个失败。

  

通过示例
  不包含script元素。
  失败示例
  包含一个script元素。

因此,根据文档,每个 <script>都将被标记为“潜在”问题,因此无法防止此警告(除非删除{{1} })。

作为一个无障碍获取专家,我个人认为警告是错误的。脚本不应被标记。如果您的代码中有鼠标事件处理程序,那么那肯定是WCAG 2.1.1的问题。但是一般地标记脚本并不意味着什么。

答案 1 :(得分:3)

“潜在问题”意味着您必须手动检查。这并不意味着您有任何错误。