文章关键字 ‘键盘事件’

CSS :focus伪类JS focus事件提高网站键盘可访问性

2017年04月23日,星期日

所谓“键盘可访问性”,指的是用户只使用键盘访问网站的能力。例如,我们的iMac鼠标没电了,或者鼠标坏了,或者在智能电视中访问我们的网站,此时就只能依赖于键盘访问了。

我们只要平时注意HTML语义化,例如按钮不要使用<span><div>等标签,不要重置outline,基本上键盘可访问性就已经及格了。

若想再进一步提供,就需要看看本文的内容了……

阅读全文…

翻译-盲人如何使用互联网的8个误区

2013年03月6日,星期三

虽然翻译的文章不少,但是,有时会看走眼,开始感觉不错,翻译完了发现其实没啥货。本文内容呢,还算不错的,说句良心话,自己也是学到了不少东西,至少对屏幕阅读器有个更准确的认识。至于细节什么的,您自己点击进去看看吧。希望能对你构建可访问性的网站提供一点帮助。

阅读全文…

span与a元素的键盘聚焦性以及键盘点击性研究

2013年02月20日,星期三

我们平时涉及点击交互事件的时候,都是使用的a元素或者button元素,原因是可以相应键盘focus效果以及回车触发点击事件,这是众所周知的。
但是,可能存在一些特殊情况,我们需要使用默认没有键盘可访问性的元素,例如span元素,我们可以通过一定的设置支持键盘的可访问性,这是不为所知的,也是本文的重点所在。

阅读全文…

HTML5终极备忘大全(图片版+文字版)

2011年03月31日,星期四

顾名思意,本文内容算是个小炒,备忘录。主要备忘HTML5的一些内容,从元素到事件,到浏览器支持等。非图片版和文字版,图片版方便收藏,文字版方便传播与即时浏览。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

js下拉菜单实现与可访问性问题的一些思考

2010年09月10日,星期五

从本文的题目可以看出,内容的重点在于“下拉菜单”“可访问性”,其实前面的“下拉菜单”只是用来示例,“可访问性”才是本文的重点。本文就页面的“可访问性”讲了很多。一如既往,丰富的截图,必要的代码示例,还有UI良好的demo页面。天色已晚,话不多说,总之,应该会对您的学习有所帮助的。

阅读全文…