那么读屏软件是通过上下左右箭头来听读没有焦点的地方,这显然就不方便了。
于是有些盲人网站就干脆把正文做成链接的形式,然后加个accesskey。
但是,正文做成链接,后果可想而知。。
其实 这里有个实现方法。就是用巧妙的运用label for原理
大家都知道,label是对某个元素的标签,可以叫做解释吧。用得最多的就是输入框前面加个label(如果你的输入框前面的提示文字不使用label来写,那劝你快点改用,这样读屏软件才能读到你的编辑框的提示文字,如果你觉得不方便,那可以在编辑框中加title属性。)。
那么,运用这个原理,可以这样写:
<a id="aaa" href="#">文章阅读</a>
<label for="aaa">
这里是正文
</label>
这样当焦点到“文章阅读”那里的时候,就会自动读出label的文字。
如果你觉得文章阅读这个多余,那么可以嵌套在你文章上头的一个div中,这样正常人就不觉得有什么了。
本文地址:https://www.liyanfeng.com/post/70.html(如转载,需注明本原文地址)