无障碍访问

无障碍访问 是做什么的？

规则

• 语义化 HTML：使用 <button>、<nav>、<main>、<article> 等元素，而非 <div onClick>。
• 仅在语义 HTML 无法表达模式时使用 ARIA 属性。
• 键盘导航：每个可交互元素必须可通过键盘触及并操作。
• 焦点管理：模态框应限制焦点循环，路由切换时焦点移至主要内容。
• 颜色对比度：普通文本 4.5:1，大文本（18px+ 或 14px+ 加粗）3:1。
• 所有图片设置替代文本——装饰性图片使用空 alt=""。
• 表单标签：每个输入项拥有可见的 <label>，并通过 htmlFor 属性关联。
• 跳过导航链接：作为页面第一个可获得焦点的元素。
• 屏幕阅读器测试：使用 VoiceOver（Mac）或 NVDA（Windows）进行测试。