1. 给你的logo添加替代文本
这样有两个好处:屏幕阅读器能识别logo图片代表的含义,图片未加载到时,也能告诉非视障用户那里是你的logo。
几种方法:
或者,你用背景图来实现logo的话,也可以添加title属性来实现:
当然,链接+背景图的方式是最好的,但最好也加上title属性:
2.添加基本的landmarks
aria landmark是w3c定义的一套网站可用性规则,对于网站不同的模块添加描述性的landmark——或者直接叫role,有利于读屏软件更好的理解你的网页,从而让视障用户更好的使用你的网站。