Skip to main content

payload-accessibility

Use when changing or reviewing rendered Payload UI, interaction or focus behavior, semantic markup, accessibility tests, or WCAG/VPAT evidence.

来源信息

仓库
payloadcms/payload
最近来源活动
2026年9月28日 12:10
检测到的 SKILL.md 语言
英语
星标
45,280
分支
4,298

安装方式

默认使用会先检查来源的 Prompt;你也可以切换为直接命令,或下载本地副本。

检查来源文件

决定是否安装前,请先阅读 SKILL.md,以及 SkillsMP 当前展示的配套文件。

文件资源管理器
3 个文件

正在显示 SKILL.md

SKILL.md
来源说明 · 只读预览
name
payload-accessibility
description
Use when changing or reviewing rendered Payload UI, interaction or focus behavior, semantic markup, accessibility tests, or WCAG/VPAT evidence.
# Payload Accessibility Assess accessibility as part of the change, not as a scan added afterward. Scope conclusions to the behavior and states actually evaluated. ## Change assessment For every affected component or flow: 1. Identify the rendered states, input methods, viewport conditions, and assistive-technology behavior the change can affect. 2. Read [wcag-2.2-aa.md](references/wcag-2.2-aa.md). Assess every plausibly affected WCAG 2.2 Level A and AA criterion; do not limit review to criteria named in an issue. 3. Prefer native HTML semantics. When a composite ARIA pattern is necessary, implement its complete semantics and keyboard behavior rather than adding roles or states in isolation. 4. Read [testing.md](references/testing.md) and select evidence based on the observable outcome. 5. Exercise the changed behavior in every relevant state. Accessibility checks must cover the production component and integration context, not a simplified substitute. ## Test placement - Put browser-observable, criterion-level accessibility evidence in `test/a11y/WCAG.e2e.spec.ts`, inside the numerically ordered `test.describe` group for its primary criterion. - Put evidence that depends on synthesized speech or a screen-reader virtual/browse cursor in `test/a11y/screen-reader.spec.ts`, under the same criterion organization. - Put setup shared by both accessibility specs in `test/a11y/helpers.ts`. Keep scenario-specific setup in its spec. - Keep low-level unit tests beside their component when they verify an implementation contract. They supplement, but do not replace, an end-to-end WCAG regression when the reported barrier occurs only in the rendered application. - Reuse the existing `test/a11y` Payload configuration and real UI components. Do not create a new accessibility fixture or criterion file by default. ## Evidence boundaries - Axe finds a subset of machine-detectable failures. A clean scan is not proof of criterion or product conformance. - DOM and accessibility-tree assertions do not prove exact spoken output. - Guidepup is for outcomes that specifically depend on screen-reader output or cursor behavior, not every issue originally discovered with a screen reader. - Require human visual or assistive-technology confirmation only when the outcome depends on judgement, timing, platform behavior, or an interaction that reliable automation does not reproduce. - WCAG 2.2 Level AA conformance requires all applicable Level A and Level AA criteria. A qualified human reviewer approves VPAT/ACR conformance statements. ## Required handoff Report: 1. The affected UI, states, and interaction methods assessed. 2. The WCAG 2.2 A/AA criteria assessed and why they were applicable or potentially affected. 3. Automated tests and commands run, with their results. 4. Required visual, screen-reader, or other manual verification. 5. Known failures, limitations, and any criterion that cannot yet be supported. Never report a component, criterion, or product as conforming beyond the evidence collected.
在 GitHub 查看