前端面试题：无障碍与可访问性

1. 为什么无障碍很重要？

• 提升用户覆盖面。
• 符合法律与标准。
• 提高产品可用性。

2. 无障碍开发中常见的 HTML 技术有哪些？

• 使用语义化标签。
• 设置 aria-* 属性。
• 提供可见焦点样式。

3. 常见可访问性问题有哪些？

• 图片缺少 alt 文本。
• 不可访问的按钮。
• 键盘导航受限。
• 颜色对比不足。

4. 如何测试可访问性？

• 使用浏览器辅助功能。
• 使用自动化工具如 Axe、Lighthouse。
• 手工键盘导航和屏幕阅读器测试。

5. 面试常问的无障碍最佳实践有哪些？

• 保持语义化结构。
• 提供可替代文本。
• 确保表单标签关联正确。

6. 前端无障碍与 SEO 有何关联？

• 语义化结构对搜索引擎友好。
• 可访问内容更易被索引。
• 良好可访问性通常意味着更好的用户体验。