网站WCAG 2.0 (Level AA)测试报错求助：两类合规问题排查

问题1：页脚4列h2标签层级报错 #

报错提示："Modify the header levels so only an h3 or any header less than h3 follows h2."

原因 #

WCAG要求页面标题必须遵循逻辑层级结构，不能出现不符合嵌套逻辑的同级标题。检测工具判定当前最后一个h2的位置违反了层级规则——大概率是页面主体内容的最后一个标题是h2，页脚的h2没有作为其下级层级存在，或者四个并列的h2未被正确标记为独立区块。

解决办法 #

• 如果页脚内容是页面主体的子板块：直接把页脚所有h2改成h3，保持h1→h2→h3的层级顺序；
• 如果页脚是独立区块：给每个列的h2外层包裹<section>或<nav>标签，让检测工具识别为独立的内容区块，这样同级h2就符合逻辑；
• 检查全站标题流：确保从h1开始，层级依次递进，不要跳级（比如h1之后直接用h3）或乱序。

问题2：修改id后仍提示不唯一 #

报错提示："Modify the id attribute value so it is unique."

原因 #

你修改后的page-id-12345在页面中仍存在重复值，要么是只改了一处，其他地方还有相同id；要么是WordPress主题/插件自动生成了重复的id，而且page-id-xxx是WordPress默认给页面body标签添加的id前缀，很容易冲突。

解决办法 #

• 用浏览器开发者工具（F12）搜索page-id-12345，找出所有出现该id的元素，确保只保留一个；
• 检查主题模板文件（比如page.php、footer.php），看是否有硬编码的重复id，或是动态生成id的函数出了问题；
• 排查插件：禁用近期安装的插件，看是否是插件生成了重复id；
• 换个自定义id：别用page-id-xxx这类WordPress默认前缀，换成语义化的唯一id，比如footer-about-column。

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