Adopt a WCAG 2.1 AA accessibility gate

未关闭
#708 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
56/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
活跃
技术栈
playwright, storybook, typescript

调研方向

先检查现有的 e2e.yml 和 Storybook/test-app 设置,然后比较 sam-styles 和 ngx-uswds 中的 playwright.a11y.config.{mjs,ts} 与 npm run test:a11y 模式。为 stories 添加基于 axe-core 的门禁,并验证 CI 强制执行 WCAG 2.1 AA,而不只是提供 smoke coverage。

由索引模型根据 Issue 内容生成。

描述

tech-debt

Context

The angular-upgrade-dashboard's quality metrics table (https://gsa.github.io/angular-upgrade-dashboard/#metrics) reports an accessibility gate for sam-styles and ngx-uswds, both of which run playwright test --config=playwright.a11y.config.{mjs,ts} (npm run test:a11y) as a CI gate enforcing WCAG 2.1 AA. sam-ui-elements has no equivalent — only a Playwright smoke test (e2e.yml) with no accessibility assertions — so the dashboard reports not enforced.

Ask

Add an axe-core-backed a11y gate against the Storybook/test-app stories, mirroring the playwright.a11y.config approach already proven in sam-styles and ngx-uswds. Given sam-ui-elements is the most actively upgraded library in this epic, closing this gap here has the highest near-term value of the four repos.

Filed as a sub-issue of the pipeline modernization epic; found while building the dashboard's quality metrics grid.

主要语言
TypeScript
星标
8
派生
34
平均合并
2 天 14 小时
30 天内合并 PR
5

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

GSA/sam-ui-elements 的其他 Issue

查看 GSA/sam-ui-elements 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。