问题标签 [wcag2.0]

如果我要创建一个所有 HTML 内容都由 ReactJS 组件生成的网站，它是否符合 WCAG AA 级标准？IE。屏幕阅读器是否能够浏览通过 javascript 代码呈现的内容？

如果答案是肯定的，您使用什么工具来测试这种 AA 级合规性？

我们继承了一个网站，我们目前正在尝试使 WCAG2.0 AA 兼容

其中一个页面不符合标题顺序规则，因为它有一个<h3>和<h4>标签，但没有先验<h1>或<h2>

我们正在添加一个<h1>标签（因为所有页面都应该有一个），但不需要<h2>标签并修改标签，<h3>并且<h4>将涉及对各种 jQuery 代码和 CSS 的大量重构

是否有任何技巧可以使页面可访问？我不愿意放入隐藏<h2>标签，因为屏幕阅读器可能会选择它。或者他们是否忽略了隐藏标签，然后页面变得合规？

我刚刚开始了解 Web 内容可访问性，并且正在阅读有关非文本内容的文档。

据它说：

对于作为控件或接受用户输入的非文本内容，例如用作提交按钮、图像映射或复杂动画的图像，提供一个名称来描述非文本内容的用途，以便人们至少知道什么非文本内容存在以及为什么存在。

所以我仔细检查了这里的意思name是否与 HTML 名称属性相同，发现它不是。

文档底部附近的定义name是：

姓名

软件可以通过该文本向用户识别 Web 内容中的组件

注 1：名称可能隐藏，仅通过辅助技术公开，而标签显示给所有用户。在许多（但不是全部）情况下，标签和名称是相同的。

注意 2：这与 HTML 中的 name 属性无关。

name所以我的问题是，如果它不是 HTML 属性，我该如何将它合并到我的网站中？

我正在建立一个必须达到 WCAG AA 一致性的网站。

我们将提供视频，并且要做到这一点，必须有这个视频的成绩单，我的问题是，在 html 中，将这个成绩单放在之前、之后的正确顺序是正确的。有一个有效的标签来遵守这一点。

谢谢你的时间。

我正在使用 jQuery UI datepicker 小部件（请参阅API 文档），但我们的可访问性合规性检查器抱怨它插入的按钮图像。特别是它标记了“buttonText”属性被用作按钮图像上的“alt”和“title”。

输入：

生成的按钮对象如下所示：

有什么方法可以使 alt 和 title 不一样吗？

我以像素为单位定义了所有字体大小，例如

在线第 508 节/WCAG 2.0 AA 级兼容性检查器之一建议我将其替换为相对单位，以便通过浏览器增加字体大小的人可以访问它。这是一个真正的要求吗？我怀疑是因为其他在线检查器都没有这样建议我（尽管我确实理解并非总是可以自动测试它）。

我们正在运行一个网站并且有第 3 方跟踪像素，但是alt在我们的网站上进行 webaim/WCAG 2.0 扫描时我们收到属性错误。

我不确定在这种情况下，跟踪像素是否实际上仍然需要具有空白alt属性，或者某些屏幕阅读器是否仍会读取src？

我需要使现有的滑块导航控件可访问（wcag2），这意味着 --> 启用对 Prev 和 Next 按钮的全键盘支持。1.首先我需要确保当用户使用 tab 键导航时按钮获得焦点。2. 当用户按下“ENTER”时，滑块的工作方式与鼠标指针在该按钮上的点击方式相同。

到目前为止，这就是我所做的：它解决了第一个问题，但没有解决第二个问题：（

我对隐藏内容如何与辅助技术一起使用有点困惑。我会给你举几个例子，希望你能解释一下，请：

1. 如果我想制作一个小弹出窗口，即以前是display:none;，使用 AT 的用户将如何理解它是新的东西，除了我会自动为这个弹出窗口提供焦点的事实？

2. 我应该如何制作可访问的图像滑块？我听说过roleandaria-*属性，并且当时只有可见的图像应该是display:block;或只是可见的，而所有其他图像都应该是display:none;. 如果是这样，用户不会对他的 AT（第一个问题的一部分）感到困惑吗？

3. 除了台式计算机对移动设备的要求之外，还有其他东西吗？例如，如果我想为移动屏幕制作汉堡菜单，是否应该用 ? 隐藏它的链接display:none;？我应该如何注意到用户现在可以看到链接？