Strawing Blog Archivers

Strawing Blog » Archivers » 网页无障碍读正文的一特殊实现方法

大家都知道,Tab键能切到有焦点的地方。但是一般正文是没有焦点的地方。
那么读屏软件是通过上下左右箭头来听读没有焦点的地方,这显然就不方便了。
于是有些盲人网站就干脆把正文做成链接的形式,然后加个accesskey。
但是,正文做成链接,后果可想而知。。

其实 这里有个实现方法。就是用巧妙的运用label for原理
大家都知道,label是对某个元素的标签,可以叫做解释吧。用得最多的就是输入框前面加个label(如果你的输入框前面的提示文字不使用label来写,那劝你快点改用,这样读屏软件才能读到你的编辑框的提示文字,如果你觉得不方便,那可以在编辑框中加title属性。)。

那么,运用这个原理,可以这样写:

<a id="aaa" href="#">文章阅读</a>
<label for="aaa">
这里是正文
</label>


这样当焦点到“文章阅读”那里的时候,就会自动读出label的文字。
如果你觉得文章阅读这个多余,那么可以嵌套在你文章上头的一个div中,这样正常人就不觉得有什么了。

查看完整版本:网页无障碍读正文的一特殊实现方法

© Strawing Blog

Supported by DHL Author:Wolfit