辅助功能:主页上的h1?

Accessibility: h1 on the main page?

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

在其他页面上,它大多很简单:页面标题很适合作为 h1。但是在主页上很可能没有标题?

那你想做一个 h1 是什么?标志?隐藏标题说主页?

您的主页上必须有 东西 包含该页面的标题:徽标、一些文本、包含标题的图像等。无论是什么:将其包装起来在 h1 标签中将其标记为主标题。

如果没有任何内容(例如只有一张没有文字的全屏图片),您仍然可以将该图片包装到 h1 中并将页面标题写入 alt 属性。

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

  • 如果您可能希望将徽标包裹在 <h1> 标签中,请确保不要将此徽标包含在 link.

我曾经有过这样的东西:

 <?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 不应在 link 内,也不应包含 link.

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