给 AI Agent 提供页面感知时，为什么优先用可访问性树（accessibility tree）快照而不是原始 HTML DOM 或截图？
本文解释 AI Agent 为何优先采用可访问性树快照而非原始 HTML DOM，权衡 token 成本、语义密度、可操作元素识别，并给出具体场景与失败边界。
核心关键词AI Agent 页面感知 accessibility tree 快照对比 DOM
面试知识索引 · 分类、标签与搜索
Web 可访问性专题面试题，90 道完整答案
Web 可访问性专题面试题第 1 页，显示第 1–50 题，共找到 90 道完整解析，可继续按分类、标签与关键词缩小范围。
90筛选结果
52技术分类
178检索标签
2索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
全部标签Web 可访问性90并发编程448缓存355性能优化340安全336异步编程292类型系统215构建工具211容器化184流处理177表单157SQL148HTTP141路由140离线应用121
查看其余 163 个标签
网络协议111测试109数据库事务95实时通信92动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
定位器依赖 accessible name 时，浏览器如何计算元素的可访问名称，多个命名来源冲突时哪个生效？
围绕“定位器依赖 accessible name 时，浏览器如何计算元素的可访问名称，多个命名来源冲突时哪个生效”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确命名来源优先级顺序及由此导致的定位失败诊断。
核心关键词accessible name 计算 aria-label aria-labelledby 优先级 - 0003
aria-hidden="true" 与 display:none 对基于可访问性树的 Agent 感知有什么本质区别，各会漏掉什么？
围绕“aria-hidden="true" 与 display:none 对基于可访问性树的 Agent 感知有什么本质区”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确两者在可访问性树中的可见性差异及对 Agent 决策的误导风险。
核心关键词aria-hidden 与 display none 可访问性树区别 - 0004
Playwright 中为什么官方推荐 getByRole 定位器优先于 CSS/XPath 选择器？
解释 getByRole 为何用可访问性语义替代 CSS/XPath 的结构依赖，包含角色名称计算机制，对比结构与语义定位在重构下的差异，并给出失效边界。
核心关键词Playwright getByRole 优先于 CSS XPath 原因 - 0005
为多模态 Agent 选择观察方式时，什么任务截图优于可访问性树，什么任务反之？
围绕“为多模态 Agent 选择观察方式时，什么任务截图优于可访问性树，什么任务反之”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确按视觉布局依赖度与 token 成本划分观察方式的判据。
核心关键词多模态 Agent 截图与可访问性树观察方式选择 - 0006
MCP Roots 向服务端暴露客户端可访问的文件系统边界，roots/list_changed 通知何时触发？
围绕“MCP Roots 向服务端暴露客户端可访问的文件系统边界，roots/list_changed 通知何时触发”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 roots 是建议性边界而非强制沙箱的定位。
核心关键词MCP roots 文件系统边界 - 0007
display:none、visibility:hidden、opacity:0 三种隐藏方式在布局、绘制、命中测试和可访问性上各有什么差异？
围绕“display:none、visibility:hidden、opacity:0 三种隐藏方式在布局、绘制、命中测试”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须逐维度对比是否占布局空间、是否参与绘制、是否响应事件、过渡动画可用性。
核心关键词display none visibility hidden opacity 0 区别 - 0008
在 Web Worker 环境里能访问哪些 Window 对象上的 API，哪些不能？
解释 Web Worker 可访问与不可访问的 API 边界：独立全局作用域无 window 和 DOM，但保留网络、存储、定时器等能力，并给出工程判断方法。
核心关键词Web Worker 可访问的 API 与 DOM 限制 - 0009
在使用 prefers-reduced-motion 媒体查询覆盖动画时，为什么建议保留原样式而不直接删除 transition/animation？
围绕“在使用 prefers-reduced-motion 媒体查询覆盖动画时，为什么建议保留原样式而不直接删除 tran”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖从渐进增强角度解释提供静止替代方案，而不是简单禁用所有动效。
核心关键词prefers-reduced-motion 覆盖动画 可访问性 - 0010
flex 项的 order 属性如何改变视觉顺序？它与 DOM 顺序在键盘导航上有什么需要注意的？
围绕“flex 项的 order 属性如何改变视觉顺序？它与 DOM 顺序在键盘导航上有什么需要注意的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 order 只改视觉顺序，不改变 tab 顺序，影响可访问性，但不要谈及 grid order。
核心关键词flex order accessibility - 0011
CSS Grid 如何实现内容与视觉布局的解耦？
围绕“CSS Grid 如何实现内容与视觉布局的解耦”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 grid-template-areas 或 line placement 在 CSS 重排 DOM 顺序，但必须注意可访问。
核心关键词CSS Grid 内容与视觉布局解耦 - 0012
为什么使用 vw 等视口单位设置字号可能导致可访问性问题？应如何限制？
围绕“为什么使用 vw 等视口单位设置字号可能导致可访问性问题？应如何限制”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖指出视口单位不能单独限制最小/最大尺寸，与 clamp 并存。
核心关键词CSS vw font-size clamp accessibility - 0013
图标用 SVG、图标字体还是雪碧图，从性能与可维护性怎么取舍？
围绕“图标用 SVG、图标字体还是雪碧图，从性能与可维护性怎么取舍”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要比较三类方案在请求数、渲染、可访问性上的差异。
核心关键词SVG 图标字体 雪碧图 取舍 - 0014
GraphQL 查询中变量（variables）解决了什么问题，为什么不能直接拼接字符串？
围绕“GraphQL 查询中变量（variables）解决了什么问题，为什么不能直接拼接字符串”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明变量分离查询与参数对缓存、注入安全和复用的价值。
核心关键词GraphQL variables 变量 注入 安全 - 0015
<fieldset> 和 <legend> 如何为表单提供可访问性分组？
围绕“<fieldset> 和 <legend> 如何为表单提供可访问性分组”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖强调分组 label 的关联作用。
核心关键词HTML fieldset legend 表单可访问性分组 - 0016
image 输入类型的名称由来是什么？它提交额外坐标数据但有哪些可访问性问题？
围绕“image 输入类型的名称由来是什么？它提交额外坐标数据但有哪些可访问性问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 image 是一种提交按钮且提交 x/y 坐标，不覆盖图片上传。
核心关键词HTML input type image 坐标提交可访问性 - 0017
使用 <abbr> 标记缩写时 title 属性的作用是什么，以及为什么需要解释缩写？
围绕“使用 <abbr> 标记缩写时 title 属性的作用是什么，以及为什么需要解释缩写”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕title 提供全称让屏幕阅读器用户理解，最佳实践是首次出现时扩展。
核心关键词abbr title accessibility 缩写 - 0018
accesskey 属性可能带来哪些可访问性问题？通常何时使用或不使用？
围绕“accesskey 属性可能带来哪些可访问性问题？通常何时使用或不使用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕关注浏览器快捷键冲突和屏幕阅读器用户困惑，一般建议少用。
核心关键词accesskey 可访问性 键盘冲突 - 0019
当原生 HTML 元素存在时，使用 ARIA role 有哪些注意点？请举例说明裸用 div 的问题。
围绕“当原生 HTML 元素存在时，使用 ARIA role 有哪些注意点？请举例说明裸用 div 的问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明优先使用原生语义，避免冗余 role，例如 <button> 比 div role=button 优越。
核心关键词ARIA role 第一个规则 原生 HTML - 0020
HTML 中标题（h1-h6）的正确层级结构对页面可访问性和 SEO 有何影响？
讲解 h1-h6 标题层级如何构成文档大纲，跳级对屏幕阅读器导航的干扰、对 SEO 结构理解的影响，以及单一 h1 和按层级嵌套的可操作判断。
核心关键词heading hierarchy accessibility SEO - 0021
图片的 title 属性和 alt 属性有什么区别，鼠标悬停提示是否应该替换 alt？
围绕“图片的 title 属性和 alt 属性有什么区别，鼠标悬停提示是否应该替换 alt”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕title 提供悬停提示且不被辅助技术支持，alt 是等效文本，两者不能互换。
核心关键词img title alt 区别 tooltip 可访问性 - 0022
<label> 的 for 属性是如何将标签与表单控件关联的？不使用时有什么问题？
围绕“<label> 的 for 属性是如何将标签与表单控件关联的？不使用时有什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕for 指向控件 id，可点击标签聚焦，缺少标签影响可访问性。
核心关键词label for 属性 表单控件 关联 - 0023
在 HTML 中，<header>、<main>、<footer> 等结构性元素如何使用，以及每个文档中 <main> 的个数限制是多少？
本题考察 HTML5 语义化结构元素的使用，重点包括 <main> 的个数限制、内容应唯一，以及三个元素的适用场景与可访问性影响。
核心关键词HTML main header footer 结构元素 - 0024
使用 <meta http-equiv="refresh"> 实现页面跳转或刷新有哪些可访问性和可用性问题？
围绕“使用 <meta http-equiv="refresh"> 实现页面跳转或刷新有哪些可访问性和可用性问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要讨论该机制对辅助技术用户和移动设备的缺点，并对比服务端跳转。
核心关键词meta refresh accessibility 页面刷新 - 0025
为表格添加说明文字时 <caption> 和 aria-label 有什么区别？
围绕“为表格添加说明文字时 <caption> 和 aria-label 有什么区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕caption 是表格可见的一部分，aria-label 只对辅助技术，两者用途不同。
核心关键词table caption aria-label 区别 - 0026
video 中的 <track> 元素有那些 kind（如 subtitles、captions）？它们的用途有何不同？
围绕“video 中的 <track> 元素有那些 kind（如 subtitles、captions）？它们的用途有何不”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖区分字幕（转写）与说明（含音效），并涉及描述。
核心关键词track kind captions subtitles 可访问性 - 0027
在 HTML 中，何时应该使用无序列表 <ul> 而不是段落或 div？列表项的语义价值是什么？
本题给出 ul 与 p、div 的选择标准：顺序打乱含义不变则用 ul；并说明 li 语义如何让屏幕阅读器播报项数、支持跳转，以及用 div 模拟的失效边界。
核心关键词ul ol 列表 语义 - 0028
在服务端组件中使用 invariant 条件断言时，是否会泄漏错误细节到客户端？
围绕“在服务端组件中使用 invariant 条件断言时，是否会泄漏错误细节到客户端”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 invariant 抛出的错误会在服务端被捕获，不会直接暴露给客户端，除非通过 Server Actions 显式返回。
核心关键词Next.js 服务端组件 invariant 断言 错误细节泄露防护 - 0029
useAsyncData 的上下文对象（context）中包含哪些信息？如何在数据获取函数中使用它来访问请求头或路由参数？
围绕“useAsyncData 的上下文对象（context）中包含哪些信息？如何在数据获取函数中使用它来访问请求头或路由”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 `context` 提供 `request`, `params`, `query` 等属性。
核心关键词Nuxt 3 useAsyncData context 可访问请求头和路由参数 - 0030
Nuxt 4 的插件中可以访问哪些上下文对象？这些对象在服务端和客户端是否一致？
围绕“Nuxt 4 的插件中可以访问哪些上下文对象？这些对象在服务端和客户端是否一致”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明插件中可访问的 $app、$router 等对象及其在 SSR 与 CSR 下的可用性差异。
核心关键词Nuxt 插件 上下文 客户端服务端差异 - 0031
为什么在 React SSR 应用中生成可访问性 id 要用 useId 而不是自增计数器或随机数？
围绕“为什么在 React SSR 应用中生成可访问性 id 要用 useId 而不是自增计数器或随机数”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释 useId 在服务端与客户端生成一致且多根/流式场景不冲突的机制。
核心关键词React useId SSR 稳定 id - 0032
React Native 中动态更新的内容（如表单校验错误、加载完成）如何主动通知读屏器用户？
围绕“React Native 中动态更新的内容（如表单校验错误、加载完成）如何主动通知读屏器用户”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖要求说明 announceForAccessibility 与 accessibilityLiveRegion 的适用时机。
核心关键词React Native AccessibilityInfo announceForAccessibility - 0033
React Native 页面切换或弹层出现后如何设置无障碍焦点，为什么常见做法是 setAccessibilityFocus？
围绕“React Native 页面切换或弹层出现后如何设置无障碍焦点，为什么常见做法是 setAccessibility”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖要求说明焦点失控的场景与 setAccessibilityFocus 的 ref 用法及时机。
核心关键词React Native 无障碍焦点 setAccessibilityFocus 弹层 - 0034
React Native 中 accessibilityRole、accessibilityLabel、accessibilityHint 分别面向读屏器传递什么信息？
围绕“React Native 中 accessibilityRole、accessibilityLabel、access”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖要求区分角色、名称与操作提示三者的朗读语义并给出误用后果。
核心关键词React Native accessibilityRole accessibilityLabel 区别 - 0035
React Native 中装饰性图片与信息型图片在无障碍上应如何区别对待？
围绕“React Native 中装饰性图片与信息型图片在无障碍上应如何区别对待”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖要求说明 accessible={false} 与提供有意义 label 的判断标准。
核心关键词React Native Image accessible 装饰性图片 无障碍 - 0036
React Native 自定义可点击组件需要补哪些无障碍支持才能让 VoiceOver/TalkBack 用户正常操作？
围绕“React Native 自定义可点击组件需要补哪些无障碍支持才能让 VoiceOver/TalkBack 用户正常”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖要求列出 accessible、role、状态与自定义动作的最小集合。
核心关键词React Native 自定义组件 无障碍 accessible onAccessibilityTap - 0037
在 Svelte 3.50+ 的 runes 模式下，如何用 `$$` 前缀声明一个响应式变量并确保其在组件外可访问？
围绕“在 Svelte 3.50+ 的 runes 模式下，如何用 `$$` 前缀声明一个响应式变量并确保其在组件外可访问”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 `$$` 是 runes 的命名空间前缀，且仅在 runes 模式下有效；不能泛化为普通变量或 `const` 声明。
核心关键词Svelte runes $$ 变量 响应式声明 组件外访问 - 0038
如何通过 predicate 函数精准控制哪些查询应被无效化？请给出具体示例。
围绕“如何通过 predicate 函数精准控制哪些查询应被无效化？请给出具体示例”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明使用函数判断 queryKey、status、variables 等字段以实现细粒度控制。
核心关键词TanStack Query invalidateQueries predicate 精准无效化示例 - 0039
用 Playwright 集成 axe-core 做可访问性扫描时如何组织断言与违规处理
围绕“用 Playwright 集成 axe-core 做可访问性扫描时如何组织断言与违规处理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 AxeBuilder 扫描指定区域、按违规等级断言及对已知问题的豁免管理。
核心关键词Playwright axe-core 可访问性测试 AxeBuilder - 0040
Testing Library 查询默认为何查不到 display:none 的元素，如何用 hidden 选项改变行为
围绕“Testing Library 查询默认为何查不到 display:none 的元素，如何用 hidden 选项改变”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确默认按可访问性过滤隐藏元素及 byRole 的 hidden:true 例外用法。
核心关键词Testing Library hidden 元素 查询不到 - 0041
Testing Library 查询方法的优先级顺序是什么，为什么 getByRole 应优先于 getByTestId
围绕“Testing Library 查询方法的优先级顺序是什么，为什么 getByRole 应优先于 getByTest”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确按可访问性贴近用户程度的优先级排序理由。
核心关键词Testing Library 查询优先级 getByRole - 0042
Testing Library 的 getByRole 如何通过可访问名称区分同名按钮，name 选项依据什么计算
围绕“Testing Library 的 getByRole 如何通过可访问名称区分同名按钮，name 选项依据什么计算”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确可访问名称由 aria-label、关联 label、文本内容按规范计算并可用 name 过滤。
核心关键词Testing Library getByRole name 可访问名称 - 0043
TypeScript 开启 declaration 后出现 TS4023，为什么类型检查通过却生成不了声明？
用跨模块唯一符号示例复现 TS4023，解释公开类型的可表达性、显式公共接口和非导出辅助类型，避免用 any 或跳过检查掩盖发布问题。
核心关键词TypeScript declaration TS4023 无法命名导出类型 - 0044
TypeScript 中当变量是联合类型时，为什么可以调用所有分支共有的方法？
围绕“TypeScript 中当变量是联合类型时，为什么可以调用所有分支共有的方法”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖解释联合类型可访问共同成员，给出 string|number 调用 toString 示例，避免扩展方法处理的不同签名。
核心关键词TypeScript 联合类型调用共有方法原因 - 0045
Vue inheritAttrs: false 后，怎样把属性传给内部控件？
通过带外壳的按钮解释关闭自动继承后的手动透传，说明 class、ARIA、事件监听器的落点，已声明 props 和 emits 的处理及避免重复绑定的方法。
核心关键词Vue inheritAttrs false 手动绑定 attrs 内部控件 - 0046
为什么 Vue 要到 onMounted 才能访问模板 ref 和真实节点？
解释模板 ref 在 setup 时尚未绑定节点、onMounted 后可访问的原因，给出可判空的组件示例，并覆盖条件渲染、卸载竞态、SSR 和后续更新边界。
核心关键词Vue onMounted 访问 DOM 模板 ref - 0047
无障碍树与 DOM 树有什么区别？ARIA 如何影响无障碍树？
围绕“无障碍树与 DOM 树有什么区别？ARIA 如何影响无障碍树”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释无障碍树为辅助技术生成的简化树，ARIA 增加信息。
核心关键词无障碍树与 DOM 树区别 ARIA 影响 - 0048
为什么推荐使用 role=alert 而不是自己设置 aria-live=assertive？它有什么特殊行为？
围绕“为什么推荐使用 role=alert 而不是自己设置 aria-live=assertive？它有什么特殊行为”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 alert 自动具有 assertive 特性，且仅用于重要信息。
核心关键词role=alert 与 aria-live=assertive 区别 - 0049
在包含多个变更的区域中使用 live region 时，aria-atomic 属性有什么作用？
围绕“在包含多个变更的区域中使用 live region 时，aria-atomic 属性有什么作用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释 aria-atomic=true 时播报整个区域，否则只播报变化部分。
核心关键词aria-atomic 在 live region 中的作用 - 0050
自定义复选框如何向屏幕阅读器传达选中状态？请说明 role=checkbox 和 aria-checked。
围绕“自定义复选框如何向屏幕阅读器传达选中状态？请说明 role=checkbox 和 aria-checked”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释如何模拟原生复选交互，并同步状态属性。
核心关键词aria-checked 自定义复选框选中状态