Web应用部分页面移除H1标题是否合规？含视觉一致性等疑问

1. 部分页面显示视觉标题、部分不显示算不良实践吗？ #

只要页面的语义化标题元素（比如<h1>）始终存在，只是通过CSS做视觉隐藏，就不算不良实践。

视觉隐藏可以用这类成熟的CSS方案：

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

这种方式既能让屏幕阅读器识别标题，满足可访问性要求，又能节省页面空间。需要注意的是，视觉显示规则要有规律——比如统一让所有数据概览页隐藏标题，详情页显示，避免毫无章法的随机隐藏导致用户困惑。

2. 完全不设置标题可行吗？ #

绝对不行。哪怕SEO不需要，可访问性和内部维护需求也要求必须保留语义化标题：

• 屏幕阅读器用户依赖标题快速定位页面内容，没有标题会让他们的操作效率大幅下降；
• 浏览器标签页的<title>元素也不能省略，用户切换多标签时，标签标题是识别页面的关键；
• 对开发团队来说，语义化标题是页面结构的锚点，能降低新成员的上手成本。

3. 能用书签栏替代标题吗？ #

别这么做。书签栏是用户自定义的内容，完全不可靠：

• 不是所有用户都会给常用页面加书签；
• 用户给书签命名可能很随意，和页面实际内容不匹配；
• 屏幕阅读器不会读取书签栏内容，依赖书签等于放弃了对残障用户的支持。页面的核心标识必须内置在自身的语义结构里，不能靠外部工具补位。

4. 当SEO和部分可访问性顾虑弱化时，行业社区的看法？ #

行业社区仍然坚持语义化结构是基础要求，哪怕是内部应用。原因很简单：

• 内部团队也可能有残障员工，遵循基础的无障碍标准是对员工的基本尊重；
• 良好的语义结构能提升开发和维护效率，减少后续迭代的成本。
  视觉隐藏标题是公认的折中方案，既满足业务方的空间需求，又不破坏页面的语义和可访问性。完全省略标题的做法会被社区批评，因为违反了WCAG的核心原则，哪怕是内部系统，也不该跳过这些基础规范。

内容的提问来源于stack exchange，提问作者Lee