可访问性总结

1、JavaScript OR CSS

 

行为JavaScript与表现CSS有一些重合的灰色地带，如触发下拉菜单的事件，:hover或mouseover/mouseout。

CSS代码比JavaScript代码要简单得多。JavaScript的mouseout事件需要稳妥且强硬的手段去限制他们惹是生非。

:hover是一个纯鼠标选择器，它不会对键盘焦点作出响应，这样键盘用户会倾向于JavaScript用法。

【注意】与CSS的:hover选择器等效的JavaScript事件并不是mouseover和mouseout，而是微软的专有事件mouseenter和mouseleave，他们孩子能在Explorer。

建议：对若干元素设置相同的效果时，用CSS；而设置相似的效果时，用JavaScript。

 

 

2、鼠标键盘事件

 

主要讨论有无鼠标和有无键盘的情况。

鼠标的mouseover事件与键盘的focus事件对比。这点注意键盘选中的元素有限。

屏幕阅读器支持获得焦点focus和失去焦点blur等界面事件，但不支持mouseover和mouseout事件，因为屏幕阅读器用户用键盘（或等效设备）来输入。

 

专门用来处理键盘访问的事件是onkeypress，按下键盘上任何一个按键都会触发onkeypress事件。这会带来麻烦。

在几乎所有的浏览器里，用Tab键移动到某个链接然后按下回车键的动作也会触发onclick事件。所以，有时候不用onkeypress事件，而用onclick代替，也是可以的。

 

 

3、触发高级脚本的链接

就是说这个链接的所有操作都需要JavaScript来完成，若把链接放在HTML中，而浏览器不支持JavaScript时，用户点击这个链接不会有任何反应，这是一个不好的用户体验。所以，应该在JavaScript中生成这个链接，这样，如果用户看的见链接，这个链接就一定能用。

 

4、重定向用户

解决可访问性的问题，可以创建一个无脚本版本和一个有脚本版本。启动的时候先进入无脚本页面，检查浏览器是否支持脚本，若支持就将其转向有脚本页面。用location.replace(url)实现，同时这个函数会覆盖旧页面在浏览器中的历史记录，当用户点击后退按钮时，不会回到旧页面（无脚本页面）。而location.href不会覆盖旧的历史记录，单击后退按钮，会回到无脚本页面，这显然是不好的。

 

 

 

5、不建议使用的东东

<noscript>标签。

不支持JavaScript的浏览器会直接忽略掉这个标签，那么也不能显示<noscript>标签内的内容。

浏览器检测。

最好用对象检测，因为浏览器检测的依据，即版本号，是不靠谱儿的，有假冒伪劣的，有的浏览器给用户权限更改版本号的。