屏幕阅读器是“读取”文档(在您的情况下是网页)并以视觉障碍(例如失明)的人可以轻松消费的方式输出的软件.
屏幕阅读器只能理解文本(和一些格式).以下是您可以(并且应该)做的事情,以改善盲人或几乎盲人的可访问性:
>使用< strong>和< em>标签而不是非描述性的< b>或者< i>.如果计算机正在朗读它,它可以强调这些词.
>始终在图像上包含alt属性.你甚至可以把它留空(也称为null – alt =“”);这表示图像不是必需的/装饰性的.否则,请放置图像的文字说明.
>可访问性软件通常会忽略title属性.实际上,只有可以使用电脑鼠标的人才能阅读它,所以请避免使用它.
>转动CSS并查看您的页面.如果没有意义,你应该重新考虑布局.
> ARIA角色(通过角色属性)很有帮助.例如,如果您使链接看起来像按钮,辅助技术会提供不同的交互.因此,通过正确设置角色,使用辅助技术的人可以按照您的意图使用该元素.在这种情况下,你设置角色=“按钮”
>使用具有语义含义的标签(如section,article,nav,aside,header,以及更常见的h1 … 6标签),而不是使用CSS设置样式的div和span.这可以让软件勾勒出你的页面,盲人可以直接跳到主要内容,就像你可以用眼睛扫描一样.
>与最后一个相关;让它成为使用鲜为人知的标签,如时间和abbr和地址,而不是另一个CSS类.
这仅适用于屏幕阅读器.甚至不考虑聋人 – 查看您的视频和音频的标题(使用新的HTML5< audio>和< video>标记).
请注意,我不是无障碍专家(我也不是盲人,所以我不会从经验中说话). W3C的可访问性标准可能比我的更为可取(a list of quick tips也是如此).