用途：这是一套与框架无关的 Web 界面设计规则，基于 WCAG 2.2、MDN Web Docs 与现代 Web 平台 API，适用于构建网页界面、审计无障碍、实现响应式布局或评审前端代码。
主要能力：
- 无障碍（关键）：语义化 HTML 元素（main、nav、article、dialog 等）；交互元素需有可访问名称，优先可见文本，必要时用 aria-label/aria-labelledby；键盘可达与可操作，模态框内需焦点陷阱并在关闭时归还焦点，禁止 tabindex 大于 0；保留可见焦点指示（:focus-visible）；提供跳转导航链接；图片 alt 文本（信息性描述、装饰性用空 alt）；颜色对比度（普通文本 4.5:1、大文本 3:1、UI 组件 3:1），不得仅靠颜色传达信息；表单标签、错误识别与 aria-live 动态播报；Label in Name 规则要求可见文本包含于可访问名称中。
- 响应式（关键）：移动优先，用 min-width 媒体查询叠加复杂度；clamp()/min()/max() 实现流式排版与间距；容器查询按容器而非视口调整组件；基于内容的断点；触控目标至少 44×44 CSS 像素（AA 为 24×24）；必须包含 viewport meta，禁止 maximum-scale=1 或 user-scalable=no；320px 宽度下不得横向滚动。
- 表单（高）：每个输入需可见且程序关联的标签；使用 autocomplete 与正确 input type；失焦时内联校验；用 fieldset/legend 分组；标明必填；不要禁用提交按钮，改为提交时校验并显示错误；说明文字靠近字段。
- 排版（高）：系统字体栈或带回退的 Web 字体；使用 rem/em 相对单位；正文行高至少 1.5。
使用方式：作为设计/评审参考规则集，在编写 HTML、CSS 与 JS 时逐条对照；资料未提供安装命令或具体集成步骤。
限制：资料仅覆盖无障碍、响应式、表单与排版部分，其余章节内容未完整提供；未说明收费、平台或效果数据。