辅助功能：主页上的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中，否则请使用特定的标题。

Answer 2

主页上必须有某些，其中包含该页面的标题：徽标，某些文字，包含标题的图片等。无论是什么：将其包裹在{{1标记将其标记为主标题。

如果没有任何内容（例如只是没有文字的全屏图像），您仍然可以将该图像包装成h1并将页面标题写入h1属性。