用途:把无障碍变成常规设计实践,帮助智能体设计并评审可访问、包容、键盘友好、屏幕阅读器可感知的界面。适用于 UI/UX、前端实现、产品设计、设计系统,以及无障碍评审、审计、整改、改版与合规规划;也覆盖表单、导航、菜单、筛选、列表、媒体、目录、动态加载、交互控件,以及键盘交互、焦点管理、语义 HTML、ARIA、对比度、排版、响应式与包容性内容。不适用于与包容性无关的广义 UX 研究规划、纯品牌视觉探索、无前端无障碍影响的后端架构,也不提供法律意见,只能识别风险并建议按标准评审。
核心原则:面向真实多样性而非平均用户;先从目的与用户任务出发;优先原生语义与标准 Web 行为;让结构机器可读;渐进增强;给用户控制权(不阻止缩放、不困住焦点、不自动播放、不强制动效、不强制无限滚动);把惯例当作无障碍特性;显式表达隐藏状态;内容本身也是设计的一部分;不依赖自动化测试。默认以 WCAG AA 级与当前产品/平台标准为目标,法律合规只是底线。
工作方式:评审时按任务目的、结构与语义、键盘与焦点、交互行为、内容与标签、视觉呈现、表单与错误、媒体替代、响应式与环境韧性、测试与可维护性逐项检查,输出严重级别(blocker/major/moderate/minor)、受影响人群、原因、修复建议、实现说明与验证测试。创建或改进设计时依次明确任务、选择最简单模式、建立结构、写标签与文案、定义交互与状态、应用视觉设计、渐进增强、验证边界情况并解释决策。
常用规则:使用有效 doctype、lang 与 dir;唯一有意义的 title 与 main;提供跳转链接;标题层级不因样式跳级;按钮用 button、导航用 a;图标按钮需可访问名称;键盘可达且焦点可见,不用 outline: none、不用正 tabindex;每个输入有持久关联标签,不把 placeholder 当标签;错误放在用户当前工作附近;优先“显示密码”;动态变化用显式操作并告知加载与完成,焦点在新增内容后合理移动;避免无限滚动;动效可选可控;提供字幕、转录与图像替代。资料未提供具体官方链接之外的价格、收费或平台效果信息。