问题标签 [section508]

一个真正学究的问题

我正在浏览 Chrome 的开发者工具的元素选项卡时，一些东西引起了我的注意并提示了这个问题。

虽然标签上有意义的alt属性img是可访问性的必要期望（<img src="/path/to/beauty.png"alt="Olivia Culpo 赢得了 2012 年美国小姐比赛"/>），但我经常看到它 经常 建议alt应该给予“间隔”或其他“装饰”图像的属性空白值：<img src="/images/spacer.gif" alt=""/>

这些问题仅适用于装饰图像：

• 如果我声明了 alt 属性但没有定义它会发生什么： <img src="/images/spacer.gif"alt/>
• 在这两个选项中，哪个是最佳的（为什么）？

我知道这个问题： 我应该为 JavaScript 链接使用哪个“href”值，“#”还是“javascript:void(0)”？包含关于 javascript 链接的正确 href 内容的讨论。这与 508 合规性有何关系？当单击处理程序在 javascript 代码的其他地方定义时，有谁知道 javascript:void(0) 是否可以接受？

似乎某些浏览器允许可滚动的 div 元素接收焦点 - 然后该元素具有焦点，用户可以使用箭头键和向上/向下翻页。我有兴趣了解有关此功能的所有信息，因为我的公司正在努力完全符合 508 标准。

我的问题是，哪些浏览器支持可滚动元素上的焦点事件？

我正在尝试制作一个自定义滚动条组件，以制作一个更时尚的滚动容器，以满足 UX（用户体验）人员的需求，使他们的布局更漂亮（是的，我知道这可能不是一个好主意）我将制作组件来满足他们的要求。

您可以在此处提供的有关如何使我的自定义可滚动 div 元素完全符合 508 的任何其他信息/提示都会很棒。

现在我正在考虑以下几点：

1. 专注于可滚动元素允许箭头键向上/向下和页面/向上向下...哪些浏览器？这都是浏览器吗？
2. 鼠标中键应该可以工作（通过鼠标移动快速滚动）
3. 鼠标滚轮应该可以工作
4. 如果专注于可滚动元素内部通常不使用箭头键的内容（例如输入或文本区域），则箭头键/向上/向下将滚动 div

还有其他方法可以移动我忘记的卷轴吗？

此问题与可访问性 (508) 合规性有关。

我有一个带有标题属性的链接，该链接显示在工具提示中。在该工具提示中是缩写“Dr.”。为了让屏幕阅读器说“医生”而不是“dur”，我必须在第二<abbr>行中将缩写包装在一个标签中：

但是，当我在标题标签内使用 abbr 标签时，弹出工具提示会显示：

我相信这意味着我不能将 abbr 标签嵌套在 alt 或 title 属性中。这样做将始终使标签显示为常规文本。你同意吗？有解决方法吗？我在任何地方都找不到答案，所以我将我的第一个问题提交给 Stack Overflow。如果我的口才不如你其他大多数帖子，请原谅。

考虑到我无法在其他任何地方找到需要此功能的其他人的单个实例，这可能是一个不可行的要求。那说：

我正在开发的一个网站使用几十个不同的验证器控件（从RequiredFieldValidaotrs 到CustomValidators 的所有控件）来进行表单验证。作为我们第 508 节合规性的一部分，我们必须支持禁用 CSS 的用户，这是有问题的，因为验证器将错误文本呈现到页面并使用 CSS 显示属性来隐藏它。当 CSS 被禁用时，所有错误消息都可以被屏幕阅读器看到和阅读。

缺少使用标签和回发来显示和隐藏所述标签，是否有任何已知的方法可以使用禁用 CSS 的 ASP.Net 验证器控件？

我目前正在尝试开发一个符合 508/ADA 标准的灯箱；为了实现这一点，我需要制作一个灯箱（已经完成），然后让 NVDA 等阅读器读取灯箱上的内容，而不是将焦点直接切换到灯箱后面的页面文本并阅读。以更简洁的方式 - 让灯箱出现在加载中，让焦点保持在灯箱上，让 NVDA 读取灯箱上的内容而不返回背景。如果我在其他人提供答案之前得到答案，我会继续更新。

目前这个问题没有解决方案 - 这是一个 NVDA 问题，Aria-hidden 未被正确识别。http://www.nvda-project.org/ticket/2706 // http://www.nvda-project.org/ticket/2117 -

我提出的解决方案：

创建一个 iFrame - 或 DIV - 仅在要显示消息时展开或折叠/出现或分散。这将创建一个“可聚焦”区域，然后可以作为 NVDA 的参考点。我将继续为这个问题开发一个 JavaScript/JQuery 解决方案。

我尝试了几种方法来让这个控件通过 508 合规性测试，但它们似乎都失败了。我没有得到测试人员的反馈，只有通过/失败。我怀疑这与在单选按钮周围自动呈现的表格有关。我怀疑标签必须在表格内，这不是 RadioButtonList 的选项。以下是我尝试过但失败的方法。

字段集/图例解决方案

ASP/NET 页面：

呈现的 HTML：

使用 AssociatedControlID 将控件链接到标签

ASP.Net 页面：

呈现的 HTML：

用自己的面板包围控件

ASP.Net 页面：

呈现的 HTML：

任何帮助将不胜感激 ！！

第 508 节的要求之一是无需样式表即可阅读页面：

§ 1194.22 (d) 应组织文档以使其可读，而不需要相关的样式表。

我们目前面临的问题是，如果没有启用样式，Google 地图就无法工作（见图）。地图的所有不同部分只是按顺序打印出来，没有任何意义。我在下面附上了一张示例图片。

有什么简单的方法可以解决这个问题吗？我唯一能想到的就是用 JavaScript 测试一下 CSS 是否被禁用（这是一件很糟糕的事情，我知道，我知道），然后删除地图 div 并用显示相同内容的静态地图替换它. （如果 JavaScript 也被禁用，这是一个有争议的问题，因为地图甚至不会加载。）显然静态地图并没有包含所有相同的功能（缩放、平移等），但它提供了一个可读的页面。所以：

• 是否有另一种方法可以使 Google Maps 508 兼容禁用样式？
• 如果没有，如何测试禁用 CSS 以进行上述修复？

没有样式的示例地图：

根据条件，我们只需要显示 1 个标签。这是通过 Javascript 完成的。这很好用，但问题是我们得到一个 508 兼容错误，说 1 个表单元素有 2 个标签。问题在于表中的“for”。删除它也会显示 508 错误。我厌倦了将第二个标签更改为 for="org.dateOfReg"，但还是一样。有没有办法只有 1 个标签并从 javascript 动态传递“for”和“name”值？或者还有其他选择吗？请帮忙。非常欣赏它。

谢谢

哈利

有关测试网站可访问性 (508+) 的免费工具的任何建议。我们曾经为此目的使用http://wsspg.dequecloud.com/worldspace/wsservice/eval/checkCompliance.jsp并且该站点不再可用。