辅助功能：主页上的 h1？

Question

就可访问性和文档结构而言，主页上的 h1 或主标题应该是什么？

在其他页面上，情况大多很简单：页面标题是 h1 的良好候选者。但主页上很可能没有标题？

那么你想制作一个 h1 什么呢？标志？隐藏标题说主页？

Answer 1

这是一个很好又很难的问题：

• 如果您可能想将徽标包含在<h1>标签内，请确保不要将此徽标包含在链接中。

我曾经有过这样的事情：

 <?php if ($homepage) { ?>
    <h1><img src="..." alt="My Website" /></h1>
 <?php } else { ?>
    <a href="/"><img src="..." alt="My Website" /></a>
 <?php } ?>

• 您可能更喜欢为主页标题设置特定的可见（或隐藏）h1，以便在网站内保持连贯的网页结构。

将 放在h1徽标上不会导致屏幕阅读器用户使用标题导航到他期望的内容开头。

没有通用的解决方案，因为它主要取决于您的网站；我会重点关注：

• 有一个h1包含页面标题的内容，
• 这h1应该位于内容的开头，
• 这h1不应位于链接内，也不应包含链接。

如果您主页的徽标可以回答这些问题，请将您的徽标括在 中h1，否则使用特定标题。