「稻草」Strawing

对方拒绝了你的代码并向你抛了一个异常

« Openwrt命令行配置PPPOE方法360发布假冒微软补丁KB360018 »

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

大家都知道,Tab键能切到有焦点的地方。但是一般正文是没有焦点的地方。
那么读屏软件是通过上下左右箭头来听读没有焦点的地方,这显然就不方便了。
于是有些盲人网站就干脆把正文做成链接的形式,然后加个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(如转载,需注明本原文地址)

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

搜索

网站分类

最近发表

推广内容

标签(Tags)

最新评论及回复

文章归档

Powered By Z-Blog 1.8 Walle Build 100427 Designed by Han'space

Blog by Yanfeng Lee(liyafe1997)@Daocao .[Archiver].

本博客采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可,转载本站内容即代表您同意了本协议,必须署名-非商业使用-禁止演绎。