实现辅助功能时的10个常见错误

分享于 

7分钟阅读

Web开发

  繁體 雙語

网络开发者试图建立可以访问网站的时候,常常会在时间和时间上。 尽管他们在尝试他们最困难的时候,他们的overzealousness会进入路径,实际上阻碍了他们。

below 10指南告诉你不要做什么,因这里也不会对这些同样的常见辅助功能错误。"。

1.不要使用详细的ALT文本

可以访问的web开发人员通常在图像上插入太多的ALT文本,希望能够帮助屏幕阅读器用户。 基于信息的文本文本应该为 succinct,并且包含的信息不超过图片中的内容。

装饰图像应始终给出空的ALT文本,或者 alt="",以便屏幕读者忽略它们。 指定没有真实值的ALT文本会使屏幕阅读器用户更困难,因为不必要的内容发送。

2.不要使用随机字符来分隔链接

更小的辅助功能指南说明相邻链接应该用非链接文本分隔。 原则存在的原因是一些非常旧的web浏览器与相邻链接有问题,这使得所有相邻链接指向同一页。

这个指南不再是相关的,但经常会导致网页开发人员在链接中插入不可见的字符( 通常竖条)。 不幸的是,每个垂直栏都被宣布为'竖条'用户,这当然是无意义的,这使得这些用户更难工作。

3。不要将文本插入空表单域中

另一个的过时准则指出任何空表单字段都应该有placeholding文本 inside。 这个原则最初存在,因为非常老的屏幕读者并不总是能够选择空的表单域。

所有主流屏幕阅读器现在都选取空表单字段( 现在已经做了一段时间了),因此忽略这里指南是安全的,而不会将无意义的文本插入表单域。 实际上,屏幕阅读器通常不会公布这里文本,因此屏幕阅读器用户可能会在不了解文本的情况下输入文本。

4.不要使用访问键

你可以为任何链接或者表单项指定访问键,以便为它们提供键盘快捷方式。 理论上这听起来像是屏幕阅读器和键盘,只有用户能够轻松地激活任何页面的密钥链接。

访问键不应使用,因为它们可以为屏幕阅读器的重载键盘快捷键,渲染键屏幕阅读器功能没有用。 访问键的另一个问题是没有约定,所以使用它们的几个站点都不会选择任何方式。 网站访问者不可能花时间去习惯你的网站访问键。

5.不要使用 table 摘要( 除非它实际添加了值)

可以将 table 摘要插入到任何 HTML table,并基本上是 table的摘要。 在读取 table 之前,屏幕阅读器读取 table 摘要,在听到整个表之前提供 table 内容的摘要。

table 汇总应始终从布局表 有时使用表格布局的网站有'版式表格'表的摘要,当然没有任何值。

如果没有数据表,只需要在页面( 通常情况下) 上提供关于表格的信息,就需要表摘要。

6.不要忘记内容

在任何网站上构建内容的方式是辅助功能的巨大组成部分。 网站可能是完全编码的,并且符合最高的编码标准。 如果它的内容结构不好,那么网站将难以证明某些特殊需求的web用户是不可以能的。

有许多重要的可以访问内容考虑事项,其中包括:

  • 前加载内容,以便每个段落都以结论开头
  • 确保内容被分解为具有描述性的子标题的可以管理块
  • 在适当的位置使用列表
  • 确保使用简单语言和简单语言

7.不要太多地担心辅助功能语句

许多网站试图提供伟大的辅助功能创造冗长,他们认为是有用的辅助功能。 通常这些网页包含关于网站的辅助功能的信息,如何调整文本的大小等等。

事实上,禁用的网络用户很少看辅助功能语句。 作为网络用户,我们并不倾向于在任何网站上参考'帮助'指南,而是无意中尝试完成我们的目标。 尽管制作辅助语句页面并没有什么问题,但是没有必要花太多时间在它上面。

8.不要超过缩写和缩写

声明某事是缩写或者缩写很容易在HTML中执行,简单地说是使用 <acronym> 或者 <abbr> 标签。 然后可以在这个标签中扩展完整的缩写词或者缩写词。

尽管这些标签不太适合这些用户,大多数收费的屏幕阅读器都不支持这些标签。 用户用web用户看到的用户- 当鼠标在它的中一个项目上显示时,缩略图或者缩写显示为。 这当然可以看作是一个小的可用性增强,但并没有真正算作一个可以访问性好处。

9.不要更改跳位顺序( 除非你有很好的理由这样做)

tabindex 属性可以用于更改页面跳位顺序,但很少需要。 默认tabbing顺序通常是完全逻辑,所以不需要更改。

屏幕阅读器和键盘仅用户选项卡通过链接和表单项按它们放置在HTML源代码中的顺序进行操作。 在每个部分中,用户的标签大致从左下角到右下角,那么tab键顺序就完全足够了。

10.不要忘记使用屏幕阅读器进行收听

在构建可以访问网站时,不要忘了在构建页面时保持对页面的 特别是,你需要使用屏幕阅读器来监听,以检查实现的辅助功能是否正常工作。

例如如果你插入不可见文本来帮助屏幕阅读器使用 display: none;,你会发现这不会被大声读出。 屏幕阅读器忽略指定了这里CSS命令的文本,因此将文本置于屏幕之外。

这篇文章是由 Trenton Moss写的。 疯狂的trenton关于网络可用性和辅助功能- 如此疯狂,他疯狂地创建了 Webcredible,业界领先的用户体验顾问,帮助让互联网成为一个更好的场所。 他非常擅长运行的CSS培训,并且花费大量的时间在世界上最受欢迎的CMS。


COM  IMP  COMM  acc  errors  Accessibility  
相关文章