Agent skill · data analytics · aiskillstore
elderly-ui-audit
依据中国工信部《互联网网站适老化通用设计规范》和《移动互联网应用(APP)适老化通用设计规范》，对项目代码进行适老化合规检测，生成问题报告、修改建议，并支持自动修复。
Why this skill is useful
Adds automated compliance checks and generates detailed reports based on specific elderly design standards that are not commonly known.
What it needs
Requires node installed locally. About 6k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
适老化设计规范检查 Skill 触发条件 当用户提到"适老化检查"、"适老化检测"、"老年模式审查"、"长辈版检查"、"elderly audit"时自动触发。 工作流程 第一步：项目识别 1. 检测项目类型：Web 还是 Mobile App？ 检查是否存在 package.json 中的移动端框架（React Native、Flutter、uni-app）或 Web 框架（React、Vue、Angular）。 检查是否存在 index.html 或 public/index.html。 2. 检测入口文件：HTML入口、CSS文件、组件文件。 3. 询问用户：是全面扫描还是单项检查？ 第二步：执行检查（按规范逐项扫描） 模块一：字体与排版（可感知性） 检查项： [ ] 是否提供字体大小调整功能？【网站规范 1.2.3：提供网页放大设置与大字屏幕服务】 [ ] 移动端适老版主信息字体是否 ≥ 30dp/pt？【APP规范 1.1】 [ ] 移动端适老版一般字体是否 ≥ 18dp/pt？【APP规范 1.1】 [ ] 行距是否 ≥ 1.3倍，段落间距是否 ≥ 行距的1.3倍？【APP规范 1.2】 [ ] 移动网页是否提供 ≥ 18dp/pt 的大字体？【网站规范 1.2.3】 检测方法： 扫描 CSS 中的 font-size、line-height、letter-spacing、margin、padding 属性。 对于 Web，检查是否有 font-size 在 @media 或 :root 中的变量控制。 对于 App，检查样式文件中的 fontSize（RN）或 textSize（Flutter）。 判定标准： 平台 元素类型 最低尺寸 ------ --------- --------- 网站适老版 移动端大字体 ≥ 18dp/pt 网站适老版 计算机端 提供放大/大字服务 App适老版 主信息 ≥ 30dp/pt App适老版 一般内容 ≥ 18dp/pt 行距（App） 所有 ≥ 1.3倍 段落间距（App） 所有 ≥ 行距的1.3倍 --- 模块二：颜色与对比度（可感知性） 检查项： [ ] 文本与背景对比度是否 ≥ 4.5:1？【APP规范】 [ ] 是否仅依赖颜色传递信息？（应有文字/图标辅助）【APP规范】 检测方法： 提取所有 color 和 background-color 组合（或 background）。 使用 WCAG 对比度公式计算：(L1+0.05)/(L2+0.05)，其中 L 为相对亮度。 检查是否存在仅通过 color 区分的状态（如红色表示错误，但无文字提示）。 判定标准： 对比度 < 4.5:1 → 不通过 存在仅颜色区分的信息 → 不通过 --- 模块三：交互与操作（可操作性） 检查项： [ ] App 适老版主要组件可点击区域是否 ≥ 60×60 dp/pt？【APP规范 2.1】 [ ] App 其他页面可点击区域是否 ≥ 44×44 dp/pt？【APP规范 2.1】 [ ] App 弹窗关闭按钮响应区域是否 ≥ 44×44 dp/pt？【APP规范 2.4】 [ ] App 是否避免了 3 个以上手指的复杂手势？【APP规范 2.2】 [ ] App 限时操作是否为用户留出充足时间？【APP规范 2.3】 [ ] 网站是否支持全程键盘操作？【网站规范 服务原则 2】 [ ] 网站是否提供特大鼠标指针？【网站规范 服务原则 2】 [ ] 网站多媒体播放控制是否可通过键盘完成？【网站规范 2.3】 [ ] 网站是否存在不可关闭的广告弹窗或临时弹窗？【网站规范 2.4.1】 [ ] 网站财务交易提交是否可逆/可撤销（10分钟内）？【网站规范 2.6.1】 检测方法： 扫描所有 button、a、div[onClick]、TouchableOpacity 等可交互元素。 检查其 width、height、min-width、min-height、padding 组合计算实际点击区域。 搜索手势相关代码（如 onPan、onPinch、gesture 等），检查是否超过 3 指。 Web 检查是否有 tabindex 和键盘事件监听、<video>/<audio> 的键盘控制。 搜索 setTimeout/setInterval 触发的弹窗逻辑。 检查表单提交逻辑是否支持撤销或修改。 --- 模块四：验证码（可感知性） 检查项： [ ] App 非文本验证码是否提供语音/文字替代形式？【APP规范 1.5】 [ ] 网站验证码放大倍数是否 ≥ 2倍？【网站规范 1.4.3】 [ ] 网站是否同时提供验证码放大和替代形式（如语音验证码）？【网站规范 1.4.3】 [ ] 网站限时 …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/elderly-ui-audit