WebAIM - Web Accessibility In Mind

为设计师提供无障碍网页

网页可访问性的焦点通常集中在网页开发上,即HTML、CSS或JavaScript中所发生的事情。最佳易用性应该更早开始,作为视觉设计过程的一部分。这张信息图突出了易访问性设计的许多重要原则。万博体育官网网址

信息图表

网页无障碍设计信息图与文字说明如下

文字版本

计划Heading结构

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

确保逻辑阅读顺序

屏幕阅读器用户的阅读顺序应与视觉顺序一致。

提供良好的对比

要特别注意橙色、黄色和浅灰色的色调。检查你的对比度和我们的颜色对比检查

使用真实的文字代替文字的图像

真正的文本放大更好,加载更快,更容易翻译和定制。

使用适当的字体大小

小文本很难让所有用户看到。确保文本具有最佳的可读性。

记得线长度

排队不要太长或太短。

确保链接是可识别的

区分链接从正文文本使用更多的颜色(例如,下划线)。

设计键盘焦点指示器

当使用键盘导航时,聚焦的项目必须在视觉上与众不同。

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

键盘可访问万博体育官网网址链接供用户跳过导航应该在页面的顶部。

确保链接文本本身有意义

避免“点击这里”或其他模棱两可的字眼链接文本例如“更多”或“继续”。

设计可用的小部件和控件

对话框、工具提示、菜单、旋转木马等必须易于使用和访问。万博体育官网网址

小心使用动画、视频和音频

提供播放/暂停按钮。避免分散运动。

不要只用颜色来传达内容

用户可能会忽略或无法看到颜色之间的差异。

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

确保表单控件具有描述性标签、说明和错误消息。

嵌入代码