设计人员的网页可达性

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

信息图表

网页无障碍设计师资讯图形与文字说明如下

文字版本

提前设计航向结构

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

考虑阅读顺序

阅读顺序应该和视觉顺序一样。

提供良好的对比

特别小心灰色的浅色,橙色,和黄色。检查你的对比水平与我们的颜色对比检查

尽可能使用真实的文本

真正的文本扩大更好,加载更快,而且更容易翻译。使用CSS添加视觉样式。

注意帽子的使用

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

使用适当的字体大小

字体大小可以根据选择的字体而变化,但10点通常是最小值。

记得线长度

不要做得太长或太短。

确保链接是可识别的

区分链接在页面主体中使用下划线或除颜色以外的其他内容。

设计环节焦点指标

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

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

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

确保链接文本本身有意义

避免“点击这里”链接文本。其他模棱两可的链接,例如“More”或“Continue”,也可能令人困惑。

使用动画,视频中,和音频仔细

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

不要只依赖颜色

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

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

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

嵌入代码