WCAG 是无障碍设计的「行动地图」，核心是四大原则（POUR），让设计适配所有用户👇
🔹 四大核心原则（POUR）
表格
原则核心目标关键设计要点可感知所有信息能被获取（视 / 听障等）1. 图片加 Alt 文本（信息型描述内容，装饰型留空）
2. 视频加字幕、音频加文字记录
3. 颜色不是唯一区分方式（加图标 / 文字）
4. 文字对比度达标（AA 级：普通字 4.5:1）可操作所有功能能被操作（键盘 / 语音 / 肢体障碍等）1. 全功能支持键盘操作（Tab 聚焦、Esc 关闭）
2. 可点击元素≥24×24px
3. 轮播 / 超时可暂停 / 延长
4. 链接文字有描述性（不用 “点击这里”）可理解内容 / 操作能被理解（认知障碍等）1. 导航 / 组件样式全局一致
2. 表单标注清晰，错误提示给修正方法
3. 避免自动跳转 / 提交
4. 专业术语加解释健壮兼容各类辅助技术（屏幕阅读器等）1. 用正确语义标签（H1/H2、按钮 / 链接）
2. 组件声明名称 / 角色 / 状态（ARIA 规范）
🔹 WCAG 2.2 新增重点（设计师关注）
焦点不被遮挡（如固定头部不挡住聚焦按钮）
焦点样式清晰（AAA 级要求足够面积和对比度）
拖拽操作必须有替代方案（如菜单指令）
🔹 设计流程落地
设计阶段：
用工具查颜色对比度（Figma 插件 / WebAIM）
为可交互元素设计键盘焦点样式
标注图片 Alt 文本、链接文字规范
设计系统：
组件内置无障碍规范（对比度、焦点、交互），避免重复检查
💡 一句话记住
无障碍设计不是额外工作，是用 POUR 原则，让设计适配每一种用户的使用方式。
📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」，用每天 5～10 分钟的坚持，换取终身受用的“设计竞争力”。
你会发现，那些焦虑和迷茫，都在稳步提升中烟消云散。
