目录的语义标记和 ARIA 属性？答案

【问题标题】：Semantic Markup and ARIA attributes for Table of Contents?目录的语义标记和 ARIA 属性？
【发布时间】：2019-11-04 21:43:07
【问题描述】：

对于屏幕阅读器的简单目录有什么建议吗？是否有任何 role 或 aria-attributes 来提高可访问性？把<nav>放在相关文章里面就够了吗？

<nav>
    <ol>
        <li>
            <a href="#lorem">Lorem</a>
        <li>
            <a href="#ipsum">Ipsum</a>
        <li>
            <a href="#dolor">Dolor</a>
    </ol>
</nav>

提前致谢！

【问题讨论】：

Stack Overflow 并没有真正发表意见。如果没有客观的标准来评判答案，一般是off-topic according to the help center。
@HereticMonkey 谢谢！我已经编辑了问题。

标签： html semantic-markup wai-aria

【解决方案1】：

WAI-ARIA Authoring Practices 1.1 网站上的目录使用一个 <nav> 元素，其中包含一个 <h2> 和一个带有链接的嵌套 <ol>。他们没有添加任何额外的 ARIA 属性，所以我认为这些元素的固有语义对于辅助技术来说已经足够了。

该页面上目录开头的片段：

<nav id="toc">
  <h2 class="introductory" id="table-of-contents">Table of Contents</h2>
  <ol class="toc">
    <li>
      <a... etc.

【讨论】：