html - 列表标题的 aria 标签,语义正确吗?

标签 html semantic-markup

我有一个菜单项链接列表,带有描述菜单的标题。此菜单向左浮动,以便减少标记,我将标题部分设为 ul,以便轻松 float 。

例如

<ul>
    <li class="heading">My Title</li>
    <li><a href="">Link</a></li>
    <li><a href="">Link</a></li>
    <li><a href="">Link</a></li>
    <li><a href="">Link</a></li>
</ul>

我应该做些什么来分隔标题吗? 添加wai-aria ? 搜索引擎有可能混淆吗?

它本身在语义上似乎并不正确。

最佳答案

根据工作草案Using WAI-ARIA in HTML , li 元素可能有多种角色,但 heading 不在其中。所以不,您不应该使用 ARIA 属性将列表项声明为标题。

因此,正如@JamesDonnelly 所建议的那样,将标题作为列表之前的单独标题元素会更合适,尽管您需要根据整体结构选择标题的级别。

(搜索引擎可能不会在意。)

(这实际上不是关于语义而是关于结构。语义是关于意义的,将元素声明为标题并没有描述它的意义,只是描述了它与结构的关系,或者它的作用。)

关于html - 列表标题的 aria 标签,语义正确吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15663679/

相关文章:

javascript - 用于转到鼠标坐标的 Canvas 动画

html - 我可以为具有 start 属性值的有序列表设置样式编号吗?

html - 语义分割和旁白广告标题的影响

html - block 元素周围的链接如何在旧版浏览器中翻译?

css - 可折叠 HTML5 <detail><summary> 适用于 FF 和 Chrome,但不适用于 IE 和 Edge

javascript - 从对话框附加 html 后,JqueryUI DateTimePicker 按钮停止工作

HTML 视频不使用 Vue.js 2 播放

javascript - 我想将选定的元素从一个列表移动到另一个列表

html - 出现但未出现在 div 中的图像

html - h1 是否需要成为 header 标签中的第一个语义元素?