网页设计技巧:网站易用性设计技巧10则
2016-06-16来源:

1. 给你的logo添加替代文本

这样有两个好处:屏幕阅读器能识别logo图片代表的含义,图片未加载到时,也能告诉非视障用户那里是你的logo。

几种方法:

网页教学网

或者,你用背景图来实现logo的话,也可以添加title属性来实现:

当然,链接+背景图的方式是最好的,但最好也加上title属性:

网页教学网

2.添加基本的landmarks

aria landmark是w3c定义的一套网站可用性规则,对于网站不同的模块添加描述性的landmark——或者直接叫role,有利于读屏软件更好的理解你的网页,从而让视障用户更好的使用你的网站。