ADA 失败：这些元素可聚焦但不可见或被另一个元素遮挡答案

【问题标题】：ADA failure: These elements are focusable but either invisible or obscured by another elementADA 失败：这些元素可聚焦但不可见或被另一个元素遮挡
【发布时间】：2016-07-16 07:07:22
【问题描述】：

我有一个基于引导程序的网站，该网站始终未能通过谷歌开发人员 ADA 检查“这些元素可聚焦但不可见或被另一个元素遮挡”。我无法弄清楚为什么这 10 个链接会失败。下面是带有一些上下文的 a 标签，但如果您访问 www.pluscu.org 并运行 google 的开发人员 ADA 审计，您可以看到所有这些标签。

<address>
  <strong><i class="glyphicon glyphicon-star"></i>Zappos Perky Plus Person</strong><br>
  Phone: 702.871.4746 x5957<br>
  Email: <a href="mailto:zappos@pluscu.org">zappos@pluscu.org</a>
</address>

【问题讨论】：

涉及Ada编程语言的方式是什么，你用的是Gnoga还是AWS？
@BrianDrummond 这个标签在这里可能不合适，但是这个问题中的 ADA 指的是American Disabilities Act ... OP 想让他的网站符合他们的可访问性标准:)跨度>
@SunilD.：感谢您的澄清；标签已编辑。

标签： html accessibility wai-aria

【解决方案1】：

使用不同的 ADA 检查器，它会告诉您错误/警告/等的解决方案。

下载 Mozilla Firefox。下载/安装 AInspector 插件。将您的网站粘贴到 URL：www.pluscu.org。运行评估。

您目前有 4 项违规行为。其中之一在链接中，就像您所说的那样。您可以专门单击它们来修复它们。

【讨论】：