HTML 可访问性模式库

合理利用原生元素和 ARIA，可以显著提升可访问性。

核心概念

• 优先使用原生交互元素，如 <button>、<a>。
• ARIA 只在必要时使用，避免与原生语义冲突。
• 焦点管理与键盘交互是核心指标。

实战步骤

• 在模态对话框中使用 role=dialog 与 aria-modal。
• 表单元素配对 <label> 与 id。
• 为复杂网格提供 aria-colcount、aria-rowcount。

进阶建议

• 构建可访问性检查清单，纳入 CI。
• 通过 Axe、Lighthouse 自动化扫描。
• 邀请真实用户参与可访问性评测。

代码示例

<button type="button" aria-live="polite" aria-pressed="false">关注</button>

小结

结合系统化的语义与策略，{article['title']} 能保障页面在全球范围内稳定可靠。