Appearance
SEO 与可访问性：结构信号、名称计算与抓取边界
主题边界
- SEO 关注爬虫如何发现、理解和索引内容；可访问性关注辅助技术如何感知、导航和操作页面。
- 两者都依赖语义化结构，但不能互相替代。
机制与流程
- SEO 依赖标题、meta、链接结构、结构化数据、可抓取文本和渲染完成度；现代搜索引擎能执行部分 JS，但成本更高且延迟更大。
- 可访问性依赖语义元素、可访问名称计算、焦点顺序、颜色对比、键盘可操作性和动态内容通知。
- ARIA 是补充语义信息的桥梁，不应用来替代已有的原生语义与交互。
关键差异
- 搜索引擎更关心内容发现和索引质量；屏幕阅读器更关心操作路径、角色和名称。
- SSR、预渲染对 SEO 的收益常比对 a11y 更直接，而 a11y 更多取决于控件语义和交互设计。
边界条件
- 页面能被肉眼看到不等于能被爬虫或辅助技术正确理解。
- 只给图片写
alt不能覆盖全部 a11y 问题，交互顺序和焦点陷阱更常导致实际障碍。
工程落点
- 前端架构需要决定哪些页面必须 SSR/SSG，哪些信息通过结构化数据暴露，哪些动态区域要声明 live region。
- 无障碍与 SEO 最好进入组件库和设计系统，而不是在上线前集中补丁。