8

我正在寻找设计一个考虑到可访问性的网站的最佳实践。该网站将有很多年长和能力较弱的人访问它，我想让它对他们尽可能友好。是否有描述所有正确标签和要使用的属性的资源？

4

14 回答 14

7

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

强烈建议你从：

编辑：

忘了提到 WCAG 已经受到了一些相当大的批评，这使得这个家伙的努力非常有帮助。

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

祝你好运！

于 2009-01-20T19:42:14.613 回答
5

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

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

最后，如果您必须在页面上使用空白图像进行跟踪等，那么不要给它们 Alt 标签。这是我自己的观点，并且是在网上引起激烈争论的观点，尤其是当 1x1px 图像用于间距时。但是，据我所知，如果您使用的是屏幕阅读器，那么您不会读取它不需要看到的图像的愚蠢评论。

于 2009-01-21T09:27:17.600 回答
3

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

于 2009-01-20T19:45:15.403 回答
2

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

于 2009-01-20T19:41:11.310 回答
2

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

于 2009-01-20T20:21:01.493 回答
2

对于另一个观点，请参阅荷兰政府网络指南。

于 2009-01-20T22:12:11.253 回答
1

政府提供了一个称为第 508 节的标准，该标准列出了使网站兼容的原因。

于 2009-01-20T19:39:23.543 回答
1

W3C 网站上有一个很好的资源：Web Content Accessibility Guidelines。

于 2009-01-20T19:41:29.577 回答
1

要记住几件事：

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

  • 在视觉上尝试以向后 S 的方式易于阅读的适当演示文稿..从左到右，后退..等。

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

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

  • 确保内容易于阅读和查找。仅此一项将使工作变得容易得多。

于 2009-01-20T19:49:59.437 回答
1

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

但另一种方法是从一般意义上考虑您的 HTML 页面，而不是您在 Web 浏览器中看到的视觉输出。如果您编写了一个解释网站的软件，会有什么帮助？这是使用良好语义的一种迂回说法。我的首要建议是使用标准的 XHTML 作为内容，使用 CSS 进行设计。还可以查找诸如“渐进增强”和“行为 Javascript”之类的主题。

但是对于资源：

  • W3C 的 Web 可访问性倡议：www.w3.org/wai
  • www.WebAIM.org
  • www.Accessify.com
  • www.CSSZenGarden.com 获取有关如何将语义标记设计为看起来非常不同的灵感。
于 2009-01-20T20:51:16.287 回答
0

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

于 2009-01-20T22:17:56.063 回答
0

有关可访问性（色盲屏幕阅读器、排版等）的良好资源列表以设计方式在这里。对于网站和一般文档的验证，我使用W3C。

于 2009-01-21T09:12:07.413 回答
0

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

于 2009-01-22T13:19:05.760 回答
-1

必读的是 Jeffery Zeldman 的“使用 Web 标准进行设计”

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

于 2009-01-20T21:11:39.520 回答