详情请见Roger Johansson’s 的文章 《利用css隐藏内容：问题和对策》”Hiding with CSS: Problems and solutions“.
（译注：Roger Johansson’s的文章中指出：许多CSS和JS教程建议使用display:none; visibility:none 来隐藏元素，但大多数状况下这是一个会降低可访问性的选择，。
display:none的真正含义是表示这一元素并不存在，不需要显示打印或被阅读。大多数语音阅读器会忽略任何使用display:none来隐藏链接，文字，导航和标题等。作者建议使用的技术是使用绝对定位坐标，例如 .structural { position:absolute; left:-9999px; } 。
另一个需要注意的问题是，当你决定使用JS去显示一个元素时，也应该用JS 技术去隐藏它。因为考虑到客户端是否支持js以及安全等级，如果客户端的js没起作用，可能交互或动态菜单没效果，但起码内容是可访问的。但如果你使用 css去隐藏一个元素，但使用js技术去显示它，在某些状况下，这个元素会变得一直无法访问。）使用语义化的HTML结构来构造 Tab的标签。
使用无序或有序列表(译注： 这类标签）来构造标签的html代码，可以改善可访问性。因为使用语音阅读器的用户可以基于此来识别出这是一组Tab标签。如果标签 上使用了图片来代替文字，别忘了添加ALT 或 title属性来 描述图片的含义。
允许键盘操作。
键盘导航是为一些有行动障碍或不能使用常规输入设备（如鼠标）的用户准备的。这种用户会使用替换形式（比如键盘或语音）来控制导航菜单，确保他们能将控制焦点在标签间切换，并激活他们想要的部分。
一个简单测试键盘导航的简单方法是：使用键盘上的Tab键，看你是否能将控制焦点 集中在每个标签上？使用回车键，当前的控制区域是否能被激活，使未选中状态有效地切换为选中状态。 提高对用户客户端的兼容性。
当客户端无法支持某些技术，比如当浏览器关闭了JavaScript功能时，或者 当用户没有安装Flash插件时，Tab内容区上的信息必须保证最基本的可访问性，交互元素确保能被替换为最基本的html文本。 四。 提升之道。
在提供了一些基本的可用性建议和原则后，我们还可以讨论一些方法来进一步提高Tab元素的可用性。 在标签上使用icon来形象化地描述内容区说包含的信息。
在标签上配合使用形象的icon，可以增强对内容区信息的描述。
例如在网站 DrawIt 中，图标用于形象地补充说明所对应的内容区的功能。
在标签上使用icon，必须保证它们是形象的，切题的。使用不相关的icon会适得其反。
避免在标签上直接用icon来代替文字。
