<fieldset> 和 <legend> 如何为表单提供可访问性分组?
围绕“<fieldset> 和 <legend> 如何为表单提供可访问性分组”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖强调分组 label 的关联作用。
HTML · Web 可访问性面试题第 1 页,显示第 1–13 题,共找到 13 道完整解析,可继续按分类、标签与关键词缩小范围。
按稳定语义路径排序
围绕“<fieldset> 和 <legend> 如何为表单提供可访问性分组”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖强调分组 label 的关联作用。
围绕“image 输入类型的名称由来是什么?它提交额外坐标数据但有哪些可访问性问题”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明 image 是一种提交按钮且提交 x/y 坐标,不覆盖图片上传。
围绕“使用 <abbr> 标记缩写时 title 属性的作用是什么,以及为什么需要解释缩写”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕title 提供全称让屏幕阅读器用户理解,最佳实践是首次出现时扩展。
围绕“accesskey 属性可能带来哪些可访问性问题?通常何时使用或不使用”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕关注浏览器快捷键冲突和屏幕阅读器用户困惑,一般建议少用。
围绕“当原生 HTML 元素存在时,使用 ARIA role 有哪些注意点?请举例说明裸用 div 的问题”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要说明优先使用原生语义,避免冗余 role,例如 <button> 比 div role=button 优越。
讲解 h1-h6 标题层级如何构成文档大纲,跳级对屏幕阅读器导航的干扰、对 SEO 结构理解的影响,以及单一 h1 和按层级嵌套的可操作判断。
围绕“图片的 title 属性和 alt 属性有什么区别,鼠标悬停提示是否应该替换 alt”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕title 提供悬停提示且不被辅助技术支持,alt 是等效文本,两者不能互换。
围绕“<label> 的 for 属性是如何将标签与表单控件关联的?不使用时有什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕for 指向控件 id,可点击标签聚焦,缺少标签影响可访问性。
本题考察 HTML5 语义化结构元素的使用,重点包括 <main> 的个数限制、内容应唯一,以及三个元素的适用场景与可访问性影响。
围绕“使用 <meta http-equiv="refresh"> 实现页面跳转或刷新有哪些可访问性和可用性问题”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖需要讨论该机制对辅助技术用户和移动设备的缺点,并对比服务端跳转。
围绕“为表格添加说明文字时 <caption> 和 aria-label 有什么区别”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖回答需要围绕caption 是表格可见的一部分,aria-label 只对辅助技术,两者用途不同。
围绕“video 中的 <track> 元素有那些 kind(如 subtitles、captions)?它们的用途有何不”给出直接结论、机制拆解、可复现验证、常见误区与追问,重点覆盖区分字幕(转写)与说明(含音效),并涉及描述。
本题给出 ul 与 p、div 的选择标准:顺序打乱含义不变则用 ul;并说明 li 语义如何让屏幕阅读器播报项数、支持跳转,以及用 div 模拟的失效边界。