前端工程8 分钟
无障碍不是一次审计,是一串可自动化的断言
把键盘可达、焦点可见、对比度、live region、reduced-motion 从"上线前人工点一遍"变成可回归的自动化检查清单。
可访问性测试键盘导航ARIA
Tag
共 6 篇内容。
把键盘可达、焦点可见、对比度、live region、reduced-motion 从"上线前人工点一遍"变成可回归的自动化检查清单。
实现 Ctrl/Cmd+K 命令面板时的键盘协议、combobox 语义、焦点陷阱与恢复、移动端适配和加载态处理的完整检查清单。
用 RGB 三元组自定义属性构建分层主题变量,实现零重排的整站强调色切换,并把用户选择持久化到本地。
暗色 UI 里低对比文字、彩色强调按钮、以及级联层导致的样式覆盖如何悄悄违反 WCAG 对比度,附定位与量化修复。
Performance/A11y/Best-Practices/SEO 四个类别分背后的审计项如何映射到具体修复:对比度、表单标签、控制台错误与指标类洞察的定位方法。
以静态优先博客为例,给出每个交互组件的无 JS 基线设计法——原生表单、真实链接、服务端渲染内容,把渐进增强从信念变成可验收的清单。