网站<footer>中添加隐藏标题对无障碍访问是否必要或有益？

首先，在<footer>里添加标注为“Footer”的隐藏标题，对无障碍访问是有帮助的——虽然不是强制要求，但能显著提升屏幕阅读器用户的体验。

核心原因： #

• <footer>本身是WAI-ARIA地标角色，屏幕阅读器用户可以通过地标导航功能定位到这个区域，但当用户使用标题列表快速浏览页面结构时，只会看到“Menu”这个标题，无法直接关联到它属于Footer区域。如果页面其他地方也有“Menu”标题（比如导航栏里的），用户很容易混淆这个Menu的位置和用途。
• 隐藏的标题不会干扰视觉用户，但能给屏幕阅读器用户补充上下文信息，让他们在标题列表里就能清晰识别“Footer”区域下的子内容。

写法选择： #

优先选第一种写法，理由如下：

1. 标题层级逻辑清晰：<h2>作为Footer区域的主标题（隐藏），<h3>作为子菜单的标题，符合页面标题层级的递进关系，帮助用户理解内容结构。
2. 无障碍体验更完整：解决了标题列表中上下文缺失的问题，让屏幕阅读器用户能更高效地理解页面布局。

需要注意的是，visually-hidden类的实现要符合无障碍标准，确保它仅在视觉上隐藏，不会被屏幕阅读器忽略，比如可以用以下样式：

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

如果你的页面结构非常简单，且只有这一个“Menu”标题，第二种写法也能满足基本无障碍要求，但第一种写法的兼容性和体验更好，尤其适合复杂页面。

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