可访问性工程化

共 17 题
#

1. 数据表格的无障碍,caption、th scope、ARIA grid 模式与键盘网格导航(行/列移动)在复杂表格的工程实现?

A 原生 table 的语义无法支持任何表格
B ARIA grid 模式不需要键盘支持
C th 不需要 scope 属性
D 静态表格用 caption/th scope 原生语义,复杂交互表格升级 ARIA grid 并实现方向键导航与 aria-sort 等状态 ✓ 正确答案
#

2. WCAG 2.2 AAA/AA 标准的工程价值

A AAA 与 AA 的要求完全相同
B WCAG 只关注视觉问题
C 所有产品都必须达成 WCAG AAA
D AA 是主流合规目标,可转译为对比度、焦点可见性等可测试验收项,AAA 按场景增量增强 ✓ 正确答案
#

3. ARIA(Accessible Rich Internet Applications)的工程实战

A ARIA 可以完全替代原生语义
B role 可以随意堆叠使用
C ARIA 用于增强语义:角色、状态与命名须与真实交互同步,优先原生元素、最小化 ARIA 使用 ✓ 正确答案
D aria-hidden 的元素可以正常聚焦
#

4. 键盘导航、Focus Management、Skip Links 的工程价值

A 组件关闭后焦点可以不处理
B Skip Links 只对鼠标用户有用
C 焦点管理只需保证元素可 Tab 到
D 键盘可达、焦点可见与焦点归还闭环是基础,Skip Link 让用户直达主内容并携带可见焦点 ✓ 正确答案
#

5. ARIA live region 与动态内容播报策略,aria-live 优先级、aria-atomic 与 aria-relevant 的工程配置

A aria-live 应该全部使用 assertive
B aria-atomic=true 会减少播报内容
C 常规通知用 polite、紧急信息用 assertive,aria-atomic/aria-relevant 控制播报粒度与类型 ✓ 正确答案
D live region 必须在内容更新后再创建
#

6. 模态对话框的焦点陷阱(focus trap)与焦点恢复,Tab/Shift+Tab 边界处理与 escape 键的工程实现

A 背景元素在模态打开时仍可被 Tab 到
B 对话框不需要可访问名称
C 对话框关闭后焦点可以随意停留
D 焦点陷阱循环管理 Tab/Shift+Tab 边界,关闭时归还焦点给触发元素,escape 键关闭并同步语义 ✓ 正确答案
#

7. 原生语义优先原则(No ARIA is better than bad ARIA),何时使用原生 HTML 元素替代 ARIA 角色的工程判断

A ARIA 只修改语义树不补行为,功能可用原生元素时应原生优先,上 ARIA 必须补齐键盘与状态 ✓ 正确答案
B ARIA 会自动提供键盘行为
C 原生 dialog 永远比 ARIA dialog 差
D div 加 role=button 即可算按钮
#

8. 自动化 a11y 测试的覆盖率边界与人工审计分工,axe-core 无法覆盖的语义问题与屏幕阅读器实测的必要性

A 屏幕阅读器实测可完全替代自动化
B axe-core 可以覆盖所有无障碍问题
C axe-core 覆盖静态可检测规则,语义质量、焦点流程与朗读体验需人工审计与屏幕阅读器实测 ✓ 正确答案
D 自动扫描通过即可宣布无障碍达标
#

9. 色弱、对比度、动效敏感(prefers-reduced-motion)的工程实战

A prefers-reduced-motion 只影响性能
B 色弱用户对颜色感知与常人相同
C 信息可以仅靠颜色区分
D 对比度用 token 自动校验、信息多通道传达,prefers-reduced-motion 时关闭非必要动画 ✓ 正确答案
#

10. 可访问性测试,axe-core 自动扫描与手动验证?

A axe-core 能检测焦点归还问题
B 手动验证可以完全自动化
C axe-core 管可判定规则基线,键盘/焦点/朗读流等体验需手动验证,二者按周期配合 ✓ 正确答案
D 自动扫描通过即可交付
#

11. 无障碍测试工具(axe-core、Lighthouse A11y、Pa11y)的 CI 集成

A Lighthouse A11y 分数可以通过即代表无障碍达标
B axe-core 管组件与页面级扫描、Pa11y/Lighthouse 管全站审计,CI 中以新增违规为阻断、总量为趋势 ✓ 正确答案
C 一个工具可以覆盖所有测试场景
D 无障碍扫描只能在发布后手动执行
#

12. Accessibility Statement、VPAT、ACR 的工程价值

A 声明对外承诺、VPAT/ACR 提供逐条款合规证据,三者应基于实测并随版本联动维护 ✓ 正确答案
B VPAT 由第三方强制出具
C Accessibility Statement 只需写愿景即可
D ACR 与产品实现无关
#

13. 焦点管理与键盘导航,无障碍的工程实践?

A 全局 outline: none 是推荐做法
B tabindex 正值可以让焦点顺序更自然
C 方向键导航只在游戏中使用
D 焦点顺序、可见性与 tabindex 纪律是基础,自定义组件须实现对应键盘契约并管理焦点移入归还 ✓ 正确答案
#

14. 颜色对比度与视觉障碍适配?

A 深色模式无需单独验证对比度
B 对比度只影响美观
C 对比度按 4.5:1/3:1 标准 token 化并自动校验,色弱与低视力需多通道信息与缩放适配 ✓ 正确答案
D forced-colors 模式不会改变页面颜色
#

15. 可访问性的持续集成,CI 中的 axe 扫描?

A 扫描结果不需要关联缺陷系统
B CI 按组件、页面、全站三层跑 axe 扫描,以新增违规为阻断并产出可追溯报告 ✓ 正确答案
C 存量违规可以无限期积累
D axe 扫描只能手动执行
#

16. 可访问性的设计评审,组件级检查清单?

A 组件评审清单覆盖语义结构、键盘焦点、视觉对比度与动态内容四维,并在开发前评审 ✓ 正确答案
B 错误提示不需要关联输入框
C 键盘行为可以后期再补
D 无障碍评审只需检查颜色
#

17. 焦点顺序与 DOM 顺序的一致性,CSS order/flex 重排导致的 Tab 顺序错乱问题与修复策略?

A order 只影响视觉不影响任何交互
B 焦点顺序绑定 DOM 顺序,CSS order 重排会致错乱,应以 DOM 结构调整为根治方案并自动化校验 ✓ 正确答案
C Tab 顺序跟随视觉顺序
D row-reverse 不会改变 Tab 顺序