首页 > 网站 > 网页设计 > 正文

盲人站长深恶痛绝的onfocus=”this.blur()”

2024-08-30 08:34:32
字体:
来源:转载
供稿:网友

在谈到读屏软件操作页面时,他对我们前端的同学特别的强调:他最深恶痛绝的就是页面链接上有 onfocus=”this.blur()” 这句代码,这从何说起呢?

各种浏览器虚线框差异图

(图一)

各位同学,看到这句代码有没有觉得眼熟,对的,你懂的,我们常用它来去除链接取得焦点时外围出现的虚线框(如上图一),google一下,前面几十页谈的都是这个去除虚线框的技巧。但我们也许以前从未想过:我们的这行代码给盲人用户们带来了巨大的困扰:这中断了盲人用户的Tab键路径,导致Tab光标无法聚焦页面的下一个控制器(链接、表单域、object、image map等)。测试如下:


复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表