应该，但仅限页面级页脚且内容为全站元信息（如版权、备案号、隐私政策等）；若页脚属于article或section等局部区块，则用原生即可，无需role="contentinfo"。
role="contentinfo" 应该用在页脚容器上吗
应该，但必须是语义上真正承载“网站级元信息”的页脚区域，不是每个 <footer></footer> 都自动适合加 role="contentinfo"。
常见错误是把页面局部区块（比如某篇文章底部的作者信息、相关链接）也套上 role="contentinfo"，这会误导屏幕阅读器认为那是整个站点的版权/联系信息，破坏语义层级。
-
role="contentinfo"是 ARIA 角色，仅用于标识“整个网页或文档范围的元信息”，典型内容包括版权申明、备案号、隐私政策链接、网站联系方式等 - 如果页脚只属于某个
<article></article>或<section></section>（例如一篇博客文末的“作者：张三 | 发布于 2024-05”），应使用<footer></footer>元素本身，不加role—— 它天然有语义，加了反而冗余甚至冲突 - 当
<footer></footer>出现在直接子级，且内容确实是全站级信息时，role="contentinfo"可显式强化语义，但非必需（现代浏览器对<footer></footer>的默认角色就是contentinfo）
和
不会冲突，但可能冗余。浏览器和主流读屏软件（NVDA、VoiceOver）已将 <footer></footer> 识别为 contentinfo 角色，显式添加 role="contentinfo" 属于“重复声明”。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
真正要警惕的是覆盖行为：如果把 role="contentinfo" 加在非 <footer></footer> 元素上（比如 <div>），它会强制覆盖原元素语义，而 <code><footer></footer> 本身不能被其他 role 覆盖（ARIA 规范禁止覆盖内置语义）。
- ✅ 推荐写法：
<footer>© 2024 Company. All rights reserved.</footer>—— 语义清晰，无需额外 role - ⚠️ 可接受但非必要：
<footer role="contentinfo">...</footer>—— 不报错，但没实际增益 - ❌ 错误写法：
<div role="contentinfo"> <h2>文章尾注</h2>...</div>—— 把局部内容伪装成全局元信息
哪些情况必须手动加 role="contentinfo"
极少。只有当无法使用 <footer></footer> 标签，又必须向辅助技术明确传达“这是全站元信息区”时，才考虑手动加。
典型场景是遗留系统中大量使用 <div class="footer">，且短期内无法重构 HTML 结构。此时加 <code>role="contentinfo" 是权宜之计，优先级低于改用语义化标签。
- 仅适用于
<div>、<code><section></section>等无固有语义的容器 - 必须确保其内容确实属于全站维度（如页脚导航、ICP 备案号、统一客服电话），而非某栏目或某篇文章的附属信息
- 不能与
aria-hidden="true"或其它会抑制语义的属性共存 - 若页面有多个
role="contentinfo"，会被读屏软件当作多个独立页脚处理，违反规范 - 检查 DOM 层级：确保带
role="contentinfo"的元素是的直接子元素，或嵌套在根下唯一的<footer></footer>中 - 用浏览器开发者工具的“Accessibility”面板查看 computed role，确认没被意外覆盖
- 如果用了 CSS
display: contents或visibility: hidden，可能导致角色计算异常 —— 辅助技术仍会读取，但视觉隐藏易引发混淆
用 Lighthouse 或 axe 测试时 role="contentinfo" 报错怎么办
报错通常不是因为 role="contentinfo" 本身，而是它被放在了错误位置或上下文里。Lighthouse 会检查角色是否出现在允许的父容器中，axe 则验证是否与周围语义冲突。
最常见触发点：把 role="contentinfo" 放在 <main></main>、<article></article> 或 <aside></aside> 内部，而这些区域不允许出现全局元信息角色。
role="contentinfo" 反而更稳妥。语义正确的 <footer></footer> 就够了，复杂点在于判断“这个页脚到底算不算全站级”——别被模板里的“footer”二字骗了，得看内容归属范围。
