it-swarm.cn

为确保我的网站可访问,我应遵循的最低步骤是什么?

我试图遵循一个非常重要的标准,我必须承认,直到最近我才忽视它。我想确保大部分残障人士都可以访问我的网页。我主要关注文本和图像密集的教程,但没有视频/ flash或任何类型的动画。

我可以遵循什么样的清单,以确保许多残疾人在使用我的网站时能够获得良好的体验,以及我应该最清楚哪些残障?

我知道我不可能取悦所有人。我已经完成了 W3C指南 ,但我不完全确定哪些标准适用于我。我不是在构建Web应用程序,我主要构建wiki,如信息交换,博客和偶尔的论坛。

35
Tim Post
  • 确保每张图片都有替代文字。
  • 确保您的配色方案适合那些有色盲的人。
  • 为视障人士提供高对比度布局或大文本布局。
  • 读出上下文时确保您的链接有意义(即不要只写“点击这里”)。
  • 如果用户没有JavaScript支持,请确保您的网站仍提供完整的基本功能。

W3提供了一些关于可访问性的基本技巧 通过其网站 。乔克拉克有一个他的 “建筑可访问网站” 书的在线版本可供免费查看,其中包含许多有用的信息。

18
Wolfwyrd

制作标记语义是向可访问性迈出的重要一步,如果您的网站可以在没有应用任何CSS的情况下进行导航,并且内容有意义,那么其他一切只是视觉上的肉汁!

8
Toby

首先,“残疾人”意味着什么!

所以,让我们看看你需要检查的一些人群,你可以是你的网站。

一个穷人,只有一个小屏幕的笔记本

您只需要检查您的网站是否可以在浏览器窗口很小时使用而不会太痛苦。

一个色盲的人

有人可以使用您的网站而不会看到图标的颜色等,您在B&W显示器上访问它的图像。

网站不好的人。

当您在浏览器中更改类型大小时,您网站中的所有文本都会变大,并且布局仍然正常。该网站还可以在小型显示器上使用吗?

您的网站是否使用高对比度布局,如果不是,用户可以轻松切换到高对比度布局?

一个不能使用鼠标的人

以前从未使用过您网站的人,可以使用键盘访问所有功能/信息。 (Tab键是否以有用的方式工作?)

有阅读能力差的人

你尽可能使用简单的英语?

不善于学习新事物的人。

您的网站设计是否基于您的用户已经知道如何使用的其他网站?

一个盲人。

这是一个很难的,你阅读的大部分内容都不匹配!
首先将我们所有其他访问问题排除在外,因为有很多人视力不好,或者不能使用鼠标而不是绑定人。

接下来了解您的目标,例如,如果您的网站是酒店预订网站,最好提供一个费用电话号码进行预订,然后只需提供酒店信息。

大多数盲人发现很难使用他们之前没有使用的任何互动网站,不过网站设计得很好。

那么你应该提供一个无网络选项吗? (电话?访问他们以帮助填写表格等的人?)

首先,您的网站可以使用没有任何图像? (Alt文本是这样做的一种方式)

鉴于语音软件从上到下读取网站,您的网站是否可以这样理解?

使绑定人员使用复杂导航的网站变得非常困难,绑定人员也无法知道页面的某些部分已经被JavaScript更新并且需要再次阅读。

改变状态变化的项目颜色也不是一个好选择。

学习如何使网站适用于绑定人的唯一方法是查看绑定人员如何在某些网站上使用屏幕阅读器。没有一个标准足够好,他们只是告诉你你不应该做什么,但保持它们是不够的(除非你只是提供静态文本,如新闻纸网站)。

7
Ian Ringrose

您可以使用此站点快速了解合规性: http://wave.webaim.org/

它与几年前关闭的旧“Bobby”系统执行类似的工作。

4
Mark Hatton

荷兰政府使用该网站测试其网站的可访问性。看一看......你也可以进入你的网站来测试它在可访问性方面的现状......

http://www.webrichtlijnen.nl/english/

3
Rickjaah

我找到了Mark Pilgrim的免费下载书 潜入可访问性 成为这个主题的有用参考点。它是从2002年开始的,但仍然非常贴切。像“使用优雅退化”这样的建议并没有变旧。

2
Ian Mackinnon

WAI-ARIA看起来现在可以成为我们无障碍武器库的补充。

有关WAI-ARIA的一些信息 - http://www.alistapart.com/articles/waiaria

2
DBUK

#1答案很简单:编写有效的,语义正确的HTML/CSS !!!以上所有建议都很好。这是我几年前写的一份清单,向您展示了一些您应该在所有网站上查看的内容: https://forge.iowa.gov/wiki/index.php/Web_Checklist 。它假设您在FF上有Web Developer工具栏,但这是免费且容易获得的。

我觉得一些简单的事情可以带来真正的改变:

对于表单,请务必使用LABEL标记。它为单选按钮提供了更大的可点击区域,并且还为屏幕阅读器组合在一起。

我觉得通常被滥用的另一件事是h1,h2,h3 ......标签。如果使用得当,那些可以帮助人们轻松浏览您的页面。如果我们只是设计它们并毫不犹豫地使用它们,那么屏幕阅读器和其他没有鼠标的I/O设备就会产生误导。

允许在没有所有漂亮的CSS和图像的情况下导航页面的人跳过重复的代码到内容也是很好的。这通常使用隐藏在CSS中的SKIP链接来实现。例如,<a href="#skipnav" class="noshow">Skip past navigation to content.</a>允许滑过冗长的导航。

正如托尼所说,最好的测试之一是剥离你页面的所有花里胡哨,看它是否仍然有意义。

1
ph33nyx

我想你必须使用这个网站 http://www.totalvalidator.com 或可用的firefox插件。它有几个残疾验证,并将标记任何遗漏的东西。

1
user1270