【问题标题】:How to markup site title for accessibility如何为可访问性标记网站标题
【发布时间】:2011-07-08 23:22:03
【问题描述】:

在我的主页上,我使用h1 标记作为网站标题。

在内部页面上,我使用h1 作为页面标题,但我想知道用 XHTML 在这些页面上标记网站标题的最佳方法是什么?

【问题讨论】:

    标签: html accessibility semantics


    【解决方案1】:

    如果您正在查看 XHTML 1,我倾向于在内页上使用 <div> 来标记网站的名称,也许使用 <strong> 来强调一些重点。出于可访问性目的,如果您在页面标题中包含站点名称,那么您应该大部分都被它所覆盖。屏幕阅读器软件倾向于在页面首次加载时读出页面标题,并且用户可以轻松获得该信息(Windows 版 JAWS 中的 Insert-T 键击)。

    XHTML 2 实际上有一个更好的解决方案,它类似于 HTML 5 所做的,允许您为每个部分构建标题层次结构。 Bruce Lawson 解释得最好:Headings in HTML 5 and Accessibility

    【讨论】:

      【解决方案2】:

      H1-H6 标签是语义标签,应该在 XHTML 中以同样的方式使用。

      【讨论】:

      • XHTML 中的问题是,源代码中的 H1 标记之前不应有任何标题。在 HTML5 中,您可以使用部分来解决此问题,因此在主页以外的页面上,您可以使用类似
        的内容。就个人而言,我认为 XHTML 规范过于原始,无法让您始终以合理的方式标记文档,所以我真的想问最好的折衷标记是什么
      • 你为什么不能使用H1 并设置它的样式?
      • 因为无障碍指南建议每个页面只有一个H1标签,而那个标签是指页面的内容。在网站的主页上,可以将网站标题放在 H1 中,因为该页面是关于网站的,但在内部页面上,内容将与其他内容有关,因此 H1 过分强调网站标题是误导/烦人,例如屏幕阅读器用户
      猜你喜欢
      • 1970-01-01
      • 2013-04-23
      • 1970-01-01
      • 1970-01-01
      • 2021-06-02
      • 2020-11-26
      • 1970-01-01
      • 2017-03-05
      • 2010-10-09
      相关资源
      最近更新 更多