1

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

该项目基于导航选项卡。

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

谢谢您的帮助。

我找到了解决方案：left:-9999999px 是 Chrome 22 接受的最大负值 对不起我不能发布答案...

4

1 回答 1

1

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

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

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

于 2012-10-09T16:42:53.373 回答