使用 HTML5 地标元素改善导航体验

HTML5 元素(例如 mainnavaside)将用作地标, 或特殊区域 屏幕阅读器和其他辅助技术可以跳跃 通过使用地标元素, 您可以大幅改善您网站上的导航体验 辅助技术用户所需掌握的知识 如需了解详情,请访问德克大学 HTML 5 和 ARIA 地标

如何手动查看地标

使用 W3C 的地标元素列表 检查网页的每个主要版块是否包含地标元素。 例如:

<header>
  <p>Put product name and logo here</p>
</header>
<nav>
  <ul>
    <li>Put navigation here</li>
  </ul>
</nav>
<main>
  <p>Put main content here</p>
</main>
<footer>
  <p>Put copyright info, supplemental links, etc. here</p>
</footer>

您还可以使用 Microsoft 的 无障碍功能数据分析扩展程序 直观呈现您的网页结构并捕获位置标记中未包含的部分: