3

第 508 节要求在所有网页的顶部编写“跳过导航”代码，以允许视力障碍者绕过冗长且重复的顶部导航。

最初，我认为最好的方法是将单词放在页面中并使用 CSS "display:none" 不显示它们。但我读过你也不能这样做。

有人知道在所有页面顶部做一个“跳过导航”超链接的最佳做法，但在屏幕上看不到有视力或没有其他残疾的人吗？这可以在不使用“Display:none”注释的情况下用 CSS 完成吗？

4

2 回答 2

4

我的印象是，当您的display:none屏幕阅读器可能会丢弃该元素时。我不完全理解他们为什么这样做，但我想这就是为什么他们是“屏幕”阅读器而不是“HTML”阅读器。

我倾向于使用position:absolute删除我仍然希望屏幕阅读器可见的元素。就像是...

a#skip_to_content {
    position:absolute;
    top:-10000px;
    left:-10000px;
}

...但我没有阅读任何内容来确认这是建议的解决方案。

如果您正在尝试开发可访问的网站并想快速测试您的页面，您应该查看Fangs FireFox 插件。它模拟流行的屏幕阅读器 Jaws 如何查看和组织您网站上的信息。

于 2010-04-01T16:01:38.087 回答
0

看看assets.cms.gov。他们有一个很好的基于 Twitter Bootstrap 的框架，带有 508 个兼容的 jQuery UI 控件。跳过导航也实现到框架中

于 2013-02-11T19:45:37.347 回答