html - 无序列表和可访问性

标签 html css accessibility web-standards

许多(大多数?)旨在实现可访问性和标准合规性的网站使用无序列表进行导航。这会使网站更易于访问,还是只是提供有用的样式元素?

我不介意它们,我一直在用这种方式使用无序列表。只是,当我从页面中删除样式以尝试衡量它的可访问性时,我突然想到它也可以是普通链接。这是从哪里来的?

最佳答案

您站点导航的最佳标记是最能代表您的导航内容的 HTML 标记。这就是橡胶遇到 HTML 语义之路的地方。

您的导航是一个没有任何逻辑顺序的列表吗?如果是这样那么<UL>会是一个不错的选择。您的导航更像是一个需要步骤的向导,还是可能按字母或数字顺序排列?如果是这样那么<OL>可能是更好的选择。

如您所述,将导航呈现为普通链接 不提供任何语义;它会建议您的导航是要阅读的句子。通过在列表中提供您的链接,您提供了关于我们如何解释这一系列超文本链接词的提示。

关于html - 无序列表和可访问性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/310376/

相关文章:

javascript - CSS Grid 响应式布局保持完整的行

javascript - 将绝对元素(下拉菜单)保留在视口(viewport)或窗口宽度中

html - LESS @import (css) "file.css"将 css 放在输出的顶部

html - 带有 Facebook 页面插件的 Webkit 中的 Border-Radius Crazy CSS 消失

html - Fontawesome 样式未应用

visual-studio-2010 - VS2010 或 .NET 4.0 是否有任何新的辅助工具支持?

html - 屏幕阅读器用户(何时)使用选项卡?

html - 背景图片不显示

javascript - 如何在固定元素上设置 IntroJS 步骤?

linux - Linux 中 Google Chrome 的 AT-SPI