SuperAPI AI 工具集

wcag-power-platform

编程与开发

查看项目

更新于 10-16 00:31

技能介绍

用途:在构建、审查或重构网页与 Power Platform 组件时,使其符合 WCAG 2.1 无障碍标准。默认目标为 AA 级(多数公共部门及欧盟/英国法规要求),A 级为底线,AAA 级仅作为可选增强。

主要能力:覆盖通用 HTML/CSS/JS 与 React 网页、完整 HTML 页面/站点/SPA、主题化(深色模式、高对比度、设计令牌),以及四类 Power Platform 组件:PCF 控件、模型驱动应用/表单、画布应用、Power Pages。按 POUR 四原则(可感知、可操作、可理解、健壮)组织检查项,并给出平台专属指引。

使用方式:先识别组件类型,再阅读 references/wcag-checklist.md(核心检查清单),并按需读取对应参考文件:html-pages.md、theming.md、pcf.md、web-resources.md、model-driven.md、canvas.md、power-pages.md。构建时内嵌检查,审查时以表格报告准则、级别、通过/失败、位置与修复建议。

关键 AA 检查:键盘可达与可操作、可见焦点、无键盘陷阱;表单控件有程序化标签;图片有替代文本;文本对比度≥4.5:1、大文本与 UI 组件≥3:1;颜色不作为唯一信息载体;语义化标题与结构;页面标题与 lang;动态更新通过 aria-live 播报;320px/400% 缩放无横向滚动;错误文本识别与修复建议。

验证:自动化工具(axe-core、Accessibility Insights、Lighthouse、WAVE,以及 Power Platform 内置 App Checker 与画布工作室无障碍检查器)仅覆盖约 30–40%,还需键盘-only 测试、屏幕阅读器抽查(NVDA/JAWS/VoiceOver)、缩放重排、对比度与各主题变体验证。

限制:本技能针对 WCAG 2.1;若需 2.2 或当前最佳实践,需额外应用其新增准则。无法满足的准则应明确说明并提供最接近的替代方案。具体安装命令与官方文本暂未提供。