增强视力受损者的网络用户体验

创建可访问的页面是一件很难想象的事情,如果你从未这样做过的话。然而,一旦你学会了基本概念,在95%的情况下就很容易做到。我将主要重复其他人说过的话,但是:

1. 仅对表格数据使用表格
2. 和 阿巴雷夫 标签。使用定义列表。如果有人愿意的话,我可以对这些东西进行扩展。

3. 最重要的事情之一是使用 标记输入字段。对于每个输入字段、单选按钮、复选框和文本输入,您应该具有:

   <=“username”的标签>用户名:</标签>&书信电报;输入name=“username”/>

4. 根据大块文本的位置添加“跳过导航”或“跳过导航”。如果你在政府网站上工作,这应该是你的第二天性,你所创建的一切都允许你跳过重复的信息。

5. 不要用颜色来强调。

6. 确保所有文本都可以调整大小。这几乎意味着不要在css中使用“px”。

7. 我要再次强调这一点: 创建语义页面。 使用 标题的标签。使用 保险商实验室 / 用于导航。

8. 使用 中高音 全部的 图像。如果你有一个空格。。。好不要。否则,请解释图片的含义及其对相关内容的意义。不要使用“图表”作为alt标记。使用“年初至今财务状况表:第一季度5000美元、第二季度4000美元、第三季度8000美元”或类似内容。

这里的关键是为这些人提供视觉、听觉和听觉 发动机

您应该经常查看没有样式表的站点(如果您有Firefox和 Web Developer Toolbar )看看这个页面是否有意义。作为一个有视力的人,如果这对你来说没有意义,那么对于使用屏幕阅读器的人来说就没有意义了。

Fangs

尖牙

我已经有一段时间没有从事过必须遵守第508条的工作了,但我记得其他海报都没有涉及到这一点。。。

1. 仅对数据使用表。如果可以避免,请不要使用表格进行布局。
3. 所有图像都应该有一个alt属性值,用于描述图像中发生的事情,如果图像没有任何用途(它是一个垫片图像或类似的东西),那么alt属性应该设置为空字符串。
4. 尝试使用文本到语音读取器和/或仅通过键盘导航和/或关闭样式表。我相信你需要购买JAWS,但我肯定有免费的屏幕阅读器。您需要通过屏幕阅读器体验网站,才能真正理解如果没有屏幕阅读器解释的提示,大多数网页导航有多困难。

屏幕阅读器最大的问题通常是用来在页面上定位内容的表格。屏幕阅读器无法真正处理这些问题。把东西放在html的div中,并按合理的顺序排列。然后用css在页面上定位div。使用表显示应在表中的内容。

许多网页的代码结构如下:

1. 标题
2. 顶部导航
3. 左导航
4. 所容纳之物
5. 页脚

2. 标题
4. 左导航
5. 页脚

然后使用CSS定位和浮动在屏幕上移动这些不同的元素,使页面看起来像您希望的那样。

对于部分近视者,我们需要确保文本不太小,并且与背景色形成强烈对比。我们还应该确保文本可以通过使用相对大小单位来调整大小,例如 相对长度单位 而不是像这样的绝对单位 二甲苯

对于屏幕阅读器的用户来说,了解屏幕阅读器的实际使用方式很有帮助。下面的文章介绍了基于盲人使用屏幕阅读器浏览网页的观察结果的指南;它现在有点过时了,但让您很好地感受到什么对屏幕阅读器用户有帮助,什么对用户没有帮助:

http://redish.net/content/papers/interactions.html

另外,美国盲人基金会有一个 section of their website dedicated to advice for web developers on how to cater for vision impaired users .

除了视觉上的影响之外,我们还需要考虑那些有残疾的人,防止他们使用老鼠,还有那些患有神经障碍的人。如果有人能提供资源,就如何迎合这些人提供建议,那就太好了。