时间:2010-04-07 | 栏目:HTML | 点击:次
tabbing浏览
不或不能使用指点设备的用户可以用快捷键tab键来打开连接,并且本身也要有逻辑tab顺序。尽管HTML是线性的,tabindex属性允许你定义它快捷键们的顺序,而且这些逻辑tab应该可以自动落入自己位置。
快捷键
快捷键可以通过键盘的特定按键进行更方便的导航(当按住Alt键或者Ctrl键时获得焦点)。对于那些没有指点设备的用户,比起使用tab键操作连接更快捷,更方便。
没有必要为每一个连接都设置快捷键,但为主要导航连接都设置是一个不错的主意。
快捷键的麻烦是,用户常常没有办法知道它们在哪里和到底是什么键(除非查看源代码)。虽然JAWS──一个可以大声读出快捷键的屏幕阅读器,但要掘尽其能,你还是得让快捷键更直白。
你可以使用像“跳过导航”的连接技术(下详),或者选择一个独立的页面来说明你网站的这些易用性相关功能,包括快捷键。一个越来越流行的办法是在一个与快捷键相一致的字母上加下划线,类似于Windows程序菜单中的方法。
title="Open a nasty Javascript pop-up window">Monster
...
Monster
这是虽然只是一个CSS的小技巧,但是“跳过导航”的特效药。这涉及到隐藏连接的方法。
最常见的办法可能是使用display: none,但有些浏览器看到但不理解这个连接,“跳过导航”的连接必须显示。
然而没有必要显示──没有理由显示给醒目的用户。所以坚持使用包含display: none的样式,还不如把元素宽和高设置为零(width: 0; height: 0; overflow: hidden;),这有相同的视觉效果,但可以使屏幕阅读器理解。