见1,2和3。

<body>
    <Place 1>

  <div id="container">

    <Place 2>

    <div id="header">

    <Place 3>

      <div id="logo">

      </div>

    </div>

  </div>
</body>
有帮助吗?

解决方案

'跳至内容'和'跳至菜单'链接应放在任何其他链接或文本之前。如果在它们之前有15个开放div则无关紧要。

WCAG 2.0的相关技术 G1:添加链接在每个页面的顶部直接转到主要内容区域

其他提示

我更喜欢顶部。在这种情况下,它更有用。

参见以下示例
http://www.w3.org/WAI/
http://websitetips.com/

毫无疑问,不同的网站会有所不同,但我会把它放在导航之前。

通过这种方式,屏幕阅读器可以在必须通过主导航列表并说出“关于我们”之类的内容之前读出“跳至内容”。链接。联系我们。'等

不应该放置它 - 将您的内容放在HTML文件中,然后放入导航/垃圾内容。

(我知道很多地方在实践中发现这很困难,但是如果你想要屏幕阅读器/纯文本浏览器支持,你也可以一路走下去)

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top