css - chrome 22 和 css(左负)可访问性问题

Question

我目前正在开发一个界面可访问的 AA。通过将 Chrome 更新到版本 22，所有 CSS left:-999999999999999999px 不再有效。

此元素基于导航选项卡。

是否有另一种方法可以隐藏内容，同时保持屏幕阅读器可以访问且不会降低显示效果？

感谢您的帮助。

我找到了解决方案:left:-9999999px是Chrome 22接受的最大负值抱歉，我无法发布答案...

Answer 1

另一种选择是剪辑方法。将 class="hidden"分配给要隐藏的元素:

.hidden { 
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

然后在您想要显示内容时删除该类。这里有关于此方法和其他各种方法的更多详细信息: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility