HTML 与可访问性确认
使用 <div onclick="save()">저장</div> 而不是 <button> 时,不会失去以下哪一项?
- 能够通过 Tab 键获得焦点
- 也能通过 Enter 或 Space 键触发
- 文字颜色和间距等外观
- 屏幕阅读器会将其读作“按钮”
完全省略 alt 属性与设置 alt="" 有什么区别?
- 两种情况下屏幕阅读器都会静默跳过
- 省略时屏幕阅读器会读出文件名,设为空值时则会静默跳过
- 省略时 HTML 校验会报错并停止渲染
- 设为空值时,图片本身不会渲染
选择标题标签(h1~h6)的依据是什么?
- 它在文档目录结构中的位置
- 根据需要的字号选择
- 设计稿中指定的颜色
- 该段内容的重要程度
只设置 placeholder 而省略 label 会怎样?
- 开始输入后提示会消失,用户无法再确认该字段应填写什么
- 它与标签的行为完全相同,因此没有问题
- 没有 label 时,表单会被阻止提交
- 浏览器会改为自动启用自动填充
区分链接与按钮的标准是什么?
- 外观看起来是否像按钮
- 位于表单内就是按钮,位于表单外就是链接
- 需要 JavaScript 就应使用按钮
- 地址发生变化用链接,状态发生变化用按钮
给 div 添加 role="button" 会怎样?
- 浏览器会将其当作真正的按钮
- 它会自动获得 Tab 焦点
- 只有对外呈现的角色名称发生变化,并不会获得键盘操作能力
- 放在表单内时会成为提交按钮
对自动化无障碍检查工具,怎样理解才符合现实?
- 它能发现全部问题
- 它只能发现约 30%~40% 的问题
- 它毫无用处
- 它只能在浏览器中运行