重置样式表本身不破坏可访问性，但错误使用会切断键盘焦点、隐藏控件、干扰屏幕阅读器；需手动恢复 focus-outline、正确隐藏表单控件、保留语义标签、并在 reset 后主动修复可访问性。
重置样式表本身不破坏可访问性，但错误使用会直接切断键盘焦点、隐藏控件、干扰屏幕阅读器解析——问题不出在 reset.css，而出在 reset 后的后续处理是否保留语义与交互能力。
reset.css 会抹掉 button 的 focus-outline 吗？
会。几乎所有 reset.css（包括 Eric Meyer 版本）都包含 outline: 0 或 outline: none 这类全局规则，而 button、a、input 等可聚焦元素一旦失去 outline，键盘用户就完全无法感知当前焦点位置。
- 必须手动恢复焦点可见性：用
outline: 2px solid transparent+outline-offset: 2px替代outline: none - 仅响应
:focus-visible，避免鼠标用户看到冗余环；不要只写:focus - 若项目需兼容旧浏览器（如 IE11），需 fallback 到
:focus并配合 JS 检测输入方式
appearance: none 后 checkbox/radio 失效了怎么办？
这是最典型的“重置即失能”场景：appearance: none 移除了原生控件外观，但很多开发者顺手加 display: none 或 visibility: hidden 隐藏原 input，结果表单提交、JS 访问 form.elements、checkValidity() 全部返回 undefined 或 false。
- 正确隐藏方式：
position: absolute; opacity: 0; width: 1px; height: 1px; margin: -1px; - 绝对禁止：
display: none、visibility: hidden、clip-path: inset(100%)（部分读屏器仍识别为“存在但不可见”，但表单逻辑已断） - 伪元素重绘时，
::before/::after必须作用于 label 或 wrapper，不能试图覆盖 input 本身
reset 后 header/nav/main 标签样式丢失，会影响可访问性吗？
不会直接影响可访问性，但间接导致严重问题：样式丢失 → 开发者用 class="header" 替代 header → 语义标签被降级为普通 div → 屏幕阅读器无法识别页眉、导航、主内容区等结构角色。
- reset.css 对 HTML5 标签默认只设
display: block，无其他样式；你要做的是更新 CSS 选择器，比如把.header改成header，或扩写为header, .header - 若用
nav替换div.nav后浮动失效，别改 HTML 结构，直接加nav { display: flow-root; } - 真正危险的是：因样式崩塌而放弃语义标签，改用
div role="navigation"—— 这等于主动绕过浏览器原生可访问性支持
最常被忽略的一点：reset.css 不处理 tabindex、aria-* 或 focus 管理逻辑。它只管样式。可访问性修复必须发生在 reset 之后，而不是指望 reset 自己“修好一切”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
