4

我一直在使用大纲来帮助改进语义和可访问性。这样做有助于改善我的内容结构，因为它迫使我思考有意义的组织。我了解现代屏幕阅读器可以轻松浏览页面上的标题（h1，h2，...）。

为了改进大纲（以防止无标题部分），我开始使用H5BP的.visuallyhidden 类为其他无标题部分添加额外的标题，以用于辅助文本。这会改善语义吗？这对屏幕阅读器用户真的有用吗？有什么障碍吗？例如：

<nav>
    <h2 class="visuallyhidden">
        Menu
    </h2>
    <ul>
        <li><a>...</a></li>
        <li><a>...</a></li>
    </ul>
</nav>
4

1 回答 1

2

在部分内容的自然标题不言自明的情况下，这是一种不错的技术。

这会改善语义吗？

如果标题改善了语义，那么您应该考虑不隐藏它。为什么要将这些语义限制为仅限辅助技术 (AT) 用户？

有什么障碍吗？

这是您作为开发人员的内容，假设您不使用 AT，在测试时不会看到。存在这样的风险，即在一些维护周期后，文本最终会与其标题的内容不同步。我鼓励您使用一种非常简单的方法来禁用“视觉隐藏”样式，以便您可以轻松阅读带有标题的内容。

于 2013-01-13T21:04:25.477 回答