问题标签 [accessibility]

像任何负责任的开发人员一样，我想确保我制作的网站可供尽可能广泛的受众访问，其中包括相当一部分患有某种形式的色盲的人。

有许多网站可以通过渲染图片或过滤所有内容来过滤您提供给它的 URL。但是，即使在呈现中等复杂的布局时，这两种方法似乎都失败了，所以我有兴趣找到一种客户端方法。

理想的解决方案是整个屏幕上的系统过滤器，可用于测试任何程序。下一个最好的东西是浏览器插件。

我正在开发一个网站，对于主导航，我认为包含标题属性是个好主意。

这是一件好事吗？此外，它对 SEO 和可访问性有好处吗？

情况

我有一个可以通过 JavaScript 显示和隐藏的屏幕区域（类似于“显示/隐藏高级搜索选项”）。在此区域内有表单元素（选择、复选框等）。对于使用屏幕阅读器（在本例中为 JAWS）等辅助技术的用户，我们需要将这些表单元素与标签链接或使用“标题”属性来描述每个元素的用途。我使用 title 属性是因为没有足够的空间放置标签，而且您获得的工具提示对于非屏幕阅读器用户来说很好。

代码看起来像这样：

问题

通常，JAWS 不会读取隐藏的元素……因为它们是隐藏的，它知道这一点。但是，似乎元素有一个标题集，JAWS 无论如何都会读取它。如果我删除标题，JAWS 什么都不会读取，但显然这是不可访问的标记。

可能的解决方案

我的第一个想法是使用隐藏标签而不是标题，如下所示：

这导致完全相同的行为，现在我们失去了非屏幕阅读器用户的工具提示。此外，我们最终生成了两倍的 Html。

第二个选项是仍然使用标签，将其放置在屏幕之外。这样它就会被屏幕阅读器阅读，但不会被视觉用户看到：

这确实有效，但我们再次丢失了工具提示并仍然生成额外的 Html。

我的第三种可能的解决方案是在 JavaScript 中递归遍历 DOM，在隐藏区域时删除标题，并在显示区域时将其添加回来。这也有效......但由于明显的原因非常难看，并且不能很好地扩展到更一般的情况。

还有其他想法吗？为什么 JAWS 会这样？

作为一名 Web 开发人员，我从事的许多项目都属于政府的保护伞，因此受508 无障碍法律的约束，有时还受W3C 无障碍指南的约束。在满足这些要求的同时，JavaScript 可以在多大程度上使用？

沿着这些思路，JavaScript，特别是 AJAX 和使用 jQuery 之类的包来做诸如显示模式对话、弹出窗口等的事情在多大程度上得到了现代可访问性软件（如 JAWS、Orca 等）的支持？过去，该规则类似于“如果它在 Lynx 中不起作用，它对屏幕阅读器不起作用”。这仍然是真的，还是在这些领域取得了更大的进展？

编辑：共识似乎是只要有非 javascript 后备，javascript 就可以了，但是屏幕阅读器软件中对 AJAX 的支持似乎仍然不确定。如果有人对此有具体经验，那将是最有帮助的。

Java中以下变量的可访问性有什么区别？

我最感兴趣的是最后一个在做什么。

与我的另一个问题略有相关：以下内容有什么区别：

再一次，最后两个之间的区别是我最感兴趣的。

在面向文章的页面（例如博客文章）中，<h1>元素（1 级标题）通常用于标记：

• 博客标题（即页面顶部的通常较大的站点标题，而不是<title>元素），或者
• 文章标题

什么是最好的选择，为什么？

对于可能想向全世界喊出他们的网站/博客名称的网站所有者来说，在网站标题周围使用 1 级标题似乎是有意义的。

从您尝试向用户传达的内容的角度来看，网站标题的相关性较低 - 文章内容是您尝试传达的内容，所有其他网站内容都是次要的。因此使用<h1>文章标题似乎最好。

我觉得<h1>元素应该关注文章标题，而不是网站标题或其他内容。无论如何，这似乎不是一个流行的约定。

例子：

• Joel Spolsky用于<h1>文章标题，以及网站标题的锚点
• Jeff Atwood根本不使用no<h1>，<h2>作为文章标题和锚点作为站点标题
• 37 Signals 的 SVN用于<h1>网站标题和文章标题的锚点

这是跨三个站点的三种不同方法，您可能期望在这些站点中强烈考虑正确的语义标记。

我认为乔尔和杰夫紧随其后。我对 37Signals 人员的标记选择感到非常惊讶。

对我来说，这似乎是一个非常简单的决定：与文章的消费者最相关的是什么？文章标题。因此将文章标题包装在一个<h1>元素中。完毕。

我错了吗？我还缺少进一步的考虑吗？我对吗？如果是这样，为什么' <h1>for article title'方法不更常用？

<h1>是否像我所说的那样决定在哪里使用元素？或者是否还有一些主观考虑？

更新：感谢到目前为止的所有答案。我真的很感激使用<h1>文章标题而不是网站标题如何提高可用性和可访问性（或没有，视情况而定）。基于事实而非个人假设的答案将获得许多奖励积分！

作为一名 Web 开发人员，我从事的许多项目都属于政府的保护伞，因此受 508 无障碍法律的约束，有时还受 W3C 无障碍指南的约束。在满足这些要求的同时，Flash 可以在多大程度上使用？

对于使用 javascript，口头禅是通过提供相同的内容和功能，只是在不同的页面上，或者以较少交互/动态的方式来“优雅地降级”。这允许非 JavaScript 浏览器/用户仍然使用该站点，并允许搜索引擎机器人访问所有内容。JAWS 和 Orca 等屏幕阅读软件的用户仍然可以充分使用该网站。

使用 flash，是否有类似的方法可以优雅地回退给非 flash 用户？如果不是，搜索引擎机器人对基于 Flash 的内容的访问性如何？此外，屏幕阅读器如何处理基于 Flash 的内容？

那里似乎有很多色轮、颜色选择器和颜色匹配器 Web 应用程序，您可以在其中提供一种颜色，然后它们会找到其他几种颜色，这些颜色在组合使用时会产生和谐的布局。然而，它们中的大多数只关注背景颜色，并且在每种背景颜色上打印的任何文本（如果在预览中完全打印文本）都是黑色或白色。

我的问题不一样。我知道要用于文本区域的背景颜色。我需要帮助的是选择几种颜色（越多越好）我可以在这个背景上用作字体颜色。最重要的是颜色将确保字体可读（对比度不要太低，也可能不要太高以避免眼睛受到压力），当然前景和背景的组合看起来不错。

有人知道这样的应用程序吗？我更喜欢 Web 应用程序，而不是我必须下载的任何东西。谢谢。

许多（大多数？）以可访问性和标准合规性为目标的网站使用无序列表进行导航。这是否使网站更易于访问，还是只是为样式提供有用的元素？

我不介意它们，我一直以这种方式使用无序列表。只是，当我从页面中删除样式以尝试评估其可访问性时，令我震惊的是，它也可以是普通链接。这是从哪里来的？