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

你能用html5吗？如果是这样，它包含<footer>标记。

Answer 3

我是一名屏幕阅读器用户，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>

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

用于辅助功能的HTML文档标记

3 个答案: