html - 辅助功能:主页上的h1？

Question

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

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

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

Answer 1

这是一个很好但很难的问题:

• 如果您可能想将 Logo 包装在 <h1> 中标记，然后确保不要将此 Logo 包含在链接中。

我曾经有过这样的东西:

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

• 您可以希望有一个特定的可见(或隐藏)h1用于您的主页标题，以便在您的网站中保持连贯的网页结构。

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

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

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

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