WebAIM-考虑到Web可访问性

设计人员的Web可访问性

Web可访问性的重点通常是Web开发——HTML中发生的事情,CSS,或者在站点被视觉化设计之后使用javascript。最佳的可访问性应该更早开始,作为视觉设计过程的一部分。我们创建了一个信息图表,突出了一些可访问设计的重要原则。万博体育官网网址

信息图表

设计人员的Web辅助功能信息图,下面是文本说明

文本版本

提前规划航向结构

确保所有内容和设计都符合逻辑标题结构.

考虑阅读顺序

这个阅读顺序应与视觉顺序相同。

提供良好的对比度

尤其要小心灰色的阴影,橙色,黄色。用我们的颜色对比度检查器.

尽可能使用真文本

真文本放大效果更好,加载更快,更容易翻译。使用CSS添加视觉样式。

注意帽子的使用

所有的大写字母都很难阅读,并且屏幕阅读器可能会错误阅读。

使用适当的字体大小

字体大小可以根据所选字体而变化,但10分通常是最低的。

记住线条长度

不要做得太长或太短。

确保链接可识别

区分链接在带有下划线或颜色以外的内容的页面正文中。

设计链接焦点指示器

确保键盘用户可以直观地识别一个重点链接。使用标准虚线或其他非颜色指示符。

设计一个“跳到主要内容”链接

供键盘用户访问的链接跳过导航应该在页面的顶部。它可以隐藏,但当它接收到键盘焦点时应该是可见的。

确保链接文本本身有意义

在中避免“单击此处”链接文本.其他不明确的链接,如“更多”或“继续”,也可能令人困惑。

使用动画,视频,仔细听

如果使用,提供播放/暂停按钮。避免闪烁或敲击内容:这会导致癫痫发作。

别光靠颜色

因为用户经常无法区分或可能覆盖页面颜色,颜色不能是传达信息的唯一方式。

设计可访问表单万博体育官网网址控件

确保表单控件有描述性的标签和说明。密切关注表单验证错误和恢复机制。

嵌入码