使网站易于访问的最佳做法是什么？

Question

我正在寻找设计一个具有可访问性的网站的最佳实践。该网站将有很多年龄较大，能力较差的人访问它，我希望尽可能让它们友好。是否有描述所有正确标签和要使用的属性的资源？

Answer 1

根据您的目标，有许多资源。

强烈建议您从：

开始

• Section 508（美国立法，显然以美国为中心）

• W3C的Web Accessibility Initiative和Web Content Accessibility Guidelines

编辑：

忘了提及WCAG已经受到一些批评，这使得this家伙的努力非常有用。

还想从个人经验中补充一点，要记住WA并不意味着“盲人与屏幕阅读器”。您还必须考虑存在各种访问限制：例如：与例如有关的灵巧性问题肌肉控制，不寻常的输入设备和简单的屏幕放大。

祝你好运！

Answer 2

这是我倾向于遵循的快速列表

• 确保它理想地使用干净的XHTML标记符合AAA标准，
• 尽可能尝试将HTML，CSS，Javascript溢出到相应的文件中，
• 为打印，屏幕等创建不同的样式表
• 确保您考虑到视力和色盲的颜色和字体，
• 尝试仅将主导航放置在代码顶部，以便实际内​​容显示在代码顶部附近，这样人们就不必滚动到远处查看内容，尤其是当他们使用屏幕时读者/低分辨率，
• 如果您在内容之前确实有很多导航，那么在顶部附近放置一个链接，允许用户跳到内容，
• 确保页面上的第一个链接是网站的纯文本/低图形版本，
• 确保所有页面和所有基本功能都可以在不启用JavaScript的情况下运行，
• 有很多firefox插件可以帮助开发，包括：
  • Web Developer
  • 无脚本
  • HTML Validator
  • 萤火虫
• 确保页面呈现所有浏览器（包括旧版本），即使这意味着它的工作原理虽然与设计不完全匹配。
• 确保HTML，CSS，JavaScript保持最小文件大小以帮助下载时间，例如删除空格和空行，
• 始终在表单和alt中使用LABELS，在链接和图像中使用标题标记，
• 仅将表格用于表格数据，并确保数据具有适当标记，
• 在可能的情况下，不要使用JavaScript将内容写入页面，而是使用CSS来隐藏它，这样就会禁用JavaScript或无法正常运行，然后内容仍会显示，
• 始终确保您在JavaScript中使用onkeypress以及onclick事件，但用户无法/不使用鼠标。

最后，如果你必须在页面上使用空白图像进行跟踪等，那么不要给它们Alt标签。这是我自己的观点，是一个在网上激烈争论的问题，特别是当1x1px图像用于间距时。但是据我所知，如果你使用的是屏幕阅读器，那么你就不会读出它不需要看的图像的愚蠢评论。

Answer 3

尝试查看维基百科关于Web Accessibility的文章。它包含许多指向不同国家/地区的各种信息来源的链接，根据您的目标受众群体可能会有所帮助。 W3C是最初的标准之一，但有很多批评者。

Answer 4

除其他外......为每个“img”标签提供“alt”和“title”属性。

Answer 5

获取像lynx这样的纯文本浏览器。如果您的网站使用lynx，它可能适用于需要屏幕阅读器或有其他障碍的人。它不能替代查找规则，但这是一个快速简便的检查。

Answer 6

从另一个角度来看，请参阅Dutch Government Web Guidelines。

Answer 7

政府提供了一个名为section 508的标准，用于说明网站的兼容性。

Answer 8

在W3C网站上找到了一个很好的资源：Web Content Accessibility Guidelines。

Answer 9

要记住的一些事项：

• 每个页面都有一个CSS链接，可以轻松更改字体大小。

• 视觉上尝试以适合的方式展示易于以后向S方式阅读..从左到右，退回......等等。

• 确保其他回复中提到的所有alt标签等都至关重要。

• 看看是否有一些专门测试您网站的残障网站。看到他们列出的重要事项没有坏处。

• 确保易于阅读和查找的内容。仅这一点就可以使这项工作变得更加容易。

Answer 10

这个主题有很多资源。事实上，危险是信息过载，而不是信息不足。

但另一种方法是用通用术语来考虑HTML页面，而不是在Web浏览器中看到的视觉输出。如果你写了一个解释网站的软件会有什么帮助？这是一种说使用良好语义的循环方式。我的主要提示是使用标准XHTML内容和CSS进行设计。还要查找“渐进增强”和“行为Javascript”等主题。

但是对于资源：

• W3C的网络无障碍倡议：www.w3.org/wai
• www.WebAIM.org
• www.Accessify.com
• www.CSSZenGarden.com获取灵感，了解语义标记的样式可以看起来非常不同。

Answer 11

尚未提及，所以我想我会提到它。如果您希望盲人用户能够使用您的网站避免闪存。我在互联网上找到的最多1％的闪存是可以访问的。

Answer 12

关于可访问性（colourblind屏幕阅读器，排版等）的一个很好的资源列表是here的设计方式。 为验证网站和一般文档，我使用W3C。

Answer 13

如果您正在使用asp.net进行开发，那么开源NAAK工具可能会很有用。

Answer 14

必须阅读的是Jeffrey Zeldman "Designing with Web Standards"

不确定您是否使用Dreamweaver，但他还发布了一个工具包来验证您的网站的可访问性。