fieldset 和 legend 怎样给表单控件分组？
一组相关单选按钮若只靠视觉边框，读屏用户很难知道它们共同回答什么问题。fieldset 建立分组，首个 legend 提供组标题；组标题与各选项的 label 各有分工；占位文本不能代替说明，嵌套分组也要保持清楚。
核心关键词HTML fieldset legend 表单可访问性分组
面试知识索引 · 分类、标签与搜索
HTML · Web 可访问性面试题，13 道完整答案
HTML · Web 可访问性面试题第 1 页，显示第 1–13 题，共找到 13 道完整解析，可继续按分类、标签与关键词缩小范围。
13筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000HTML89AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138
查看全部 52 个分类
React Native135操作系统135数据库134Docker95计算机网络94API 设计90Kubernetes90Redis89全栈开发88分布式系统88系统设计86HTTP85Next.js60Angular58Linux53Nuxt51PostgreSQL46可观测性46设计模式46小程序45身份与权限45无障碍44MongoDB43PWA43Web 安全43Git42前端测试42前端性能41WebAssembly40测试40AI 工程37SvelteKit37Go35前端数据管理30React Router29AI 全栈28Svelte27算法12Java10数据结构5前端手写题3
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
图片提交按钮为什么会多提交 x 和 y？
input type=image 是以图片呈现的提交按钮，点击时除触发表单提交，还会发送相对图片的点击坐标。无 name 时提交 x、y，具名时变成 name.x、name.y；alt 要说明操作，图片失败时也应可用。
核心关键词HTML input type image 坐标提交可访问性 - 0003
abbr 的 title 能解释缩写吗，为什么还要在正文说明？
缩写首次出现时应让读者明白它代表什么。<abbr> 的 title 能提供展开词，却不保证每位用户都方便获得；正文首次写全称、后续再用缩写更易读。 触屏用户尤其难以获得悬浮提示，重要术语的全称应直接出现在可见正文里。
核心关键词abbr title accessibility 缩写 - 0004
为什么大多数网站不该随意给按钮设置 accesskey？
accesskey 看似能提供键盘捷径，却可能和浏览器、系统、读屏软件的快捷键冲突，也受键盘布局与组合键差异影响。组合键随平台变化，还可能撞上浏览器或读屏软件快捷键；即使用它，也需要可发现的说明和可替代操作。
核心关键词accesskey 可访问性 键盘冲突 - 0005
有原生 button 时，为什么别给 div 直接加 role=button？
ARIA role 能告诉辅助技术元素扮演的角色，却不会自动补齐原生按钮的焦点、回车与空格交互。再比较 button 和 div role=button，说明原生语义优先的原因，以及何时才需要自己实现复杂控件。
核心关键词ARIA role 第一个规则 原生 HTML - 0006
h1 到 h6 怎样组织页面标题才好读？
标题元素表达内容层级，不是用来挑字体大小的标签。页面主标题通常用 h1，其下章节用 h2，再往下用 h3；层级应跟随内容从属关系。辅助技术可按标题快速浏览文档，清晰的标题也帮助搜索系统理解结构。
核心关键词heading hierarchy accessibility SEO - 0007
图片的 title 能代替 alt 吗？两者分别给谁看？
alt 是图片内容或功能的文本替代，在图片无法显示及辅助技术读取时尤其重要。title 常表现为鼠标悬停提示，但它不稳定地出现在触摸、键盘和读屏体验中，不能取代 alt。需要额外说明时可用邻近可见文字或图题，不必把同一句话同时塞进两个属性。
核心关键词img title alt 区别 tooltip 可访问性 - 0008
label for 怎样关联输入框？不写会少什么？
<label for="id"> 的 for 值对应某个可标注表单控件的唯一 id。关联后，点标签文字也能聚焦输入框或切换复选框，并给控件提供可理解的名称。也可以把控件直接放进 <label> 做隐式关联。
核心关键词label for 属性 表单控件 关联 - 0009
header、main、footer 各放什么？页面能有几个 main？
<header> 是页面或章节的引导内容，<footer> 是对应页面或章节的页脚信息；它们不只按屏幕顶部、底部的位置命名。<main> 标记文档主要内容，通常一个页面只应有一个当前可见的主内容区域，并且不应放进 header、footer、nav 等结构中。
核心关键词HTML main header footer 结构元素 - 0010
用 meta refresh 自动跳转，用户会遇到什么问题？
<meta http-equiv="refresh"> 能在指定秒数后刷新或跳转，但自动动作会打断阅读、输入和读屏操作；倒计时不清楚时，用户更难掌控页面。需要真正的永久或临时地址迁移，优先用 HTTP 重定向。
核心关键词meta refresh accessibility 页面刷新 - 0011
给表格加标题，用 <caption> 和 aria-label 有什么区别？
一页有多张数据表时，caption 能给每张表提供可见标题，也能成为辅助技术理解表格的名称；aria-label 只提供不可见名称。页面上已有对应标题时，还可用 aria-labelledby 关联，避免视觉文字与读屏名称不一致。
核心关键词table caption aria-label 区别 - 0012
视频的 subtitles 和 captions 轨道有什么区别？
教学视频的翻译字幕适合 subtitles，面向听不到声音的用户则需要 captions，把对白、重要音效和说话人线索都写进去。track 还支持描述、章节和元数据；语言标记、默认轨道与 WebVTT 时间轴都要在实际播放器中检查。
核心关键词track kind captions subtitles 可访问性 - 0013
什么时候应该用 ul 和 li，而不是几段文字或 div？
页脚导航的几个入口是并列项目，用 ul 包住 li 可以明确集合和项目边界；开户步骤有先后顺序则更适合 ol。圆点和横排属于 CSS 样式，移除圆点不必改掉列表结构；普通连续论述也不应只为排版硬拆成列表。
核心关键词ul ol 列表 语义