html - 可访问性的 HTML 文档标记

Question

我想知道构建类似文档的 html 页面的正确方法。很明显，页面的标题应该标记为<h1>，章节标题应该标记为<h2>。

至于页脚，现在，我有：

<div id="footer">Footer content</div>

这将显示在文档的每一页中。我意识到屏幕阅读器在阅读页脚内容时不会通知用户。我觉得用户应该可以选择跳过阅读页脚内容。

是否有必要让屏幕阅读器宣布它将阅读页脚内容，是否有适当的方法可以这样做？

谢谢！

Answer 1

允许屏幕阅读器跳过网站的重复部分的一种常见方法是在您要跳过的元素之后的某个位置包含隐藏的锚点。

例如，在我们的一个网站上，我们这样做是为了允许跳过我们的导航栏。

<div id="navbar">
  <a title="Skip Navigation" href="#skipnav"></a>
  <a href="/"><img id="home" src="transparent.gif" alt="Home" /></a>
  ...
</div>
<a id="skipnav"></a>

使用键盘可选择“跳过导航” a，屏幕阅读器将显示“跳过导航”。然后，用户可以“单击”它以稍后跳转到该页面。在这种情况下，就在导航之后。

Answer 2

我是屏幕阅读器用户，h1 和 h2 标题会很好用。没有好的方法可以让屏幕阅读器跳过我知道的某些文本，这些文本适用于所有屏幕阅读器和浏览器。假设您的内容类似于以下内容

<h1>title</h1>
<h2>section1</h2>
section content
<div id="footer">Footer content</div>
<h2>section2</h2>
section 2 content
<div id="footer">Footer content</div>

屏幕阅读器用户应该能够在第一次听到页脚后发现他们再次点击了页脚。然后，他们可以使用所有现代屏幕阅读器提供的快速导航键跳到下一个标题，从而不再听页脚。

Answer 3

可以用html5吗？如果是这样，它包含一个<footer>标签。