Verify accessibility fixes against the original issues, check for regressions, and write a WCAG conformance statement with remaining gaps. Use when fixes from an accessibility audit are in and the user wants them confirmed or a conformance statement. Not for a design-stage check or feedback on one component; see /accessibility-checklist, /design-a11y-audit or /coaching-a11y.
git clone https://github.com/bromso/singularskills.git--- name: accessibility-retest description: Verify accessibility fixes against the original issues, check for regressions, and write a WCAG conformance statement with remaining gaps. Use when fixes from an accessibility audit are in and the user wants them confirmed or a conformance statement. Not for a design-stage check or feedback on one component; see /accessibility-checklist, /design-a11y-audit or /coaching-a11y. metadata: argument-hint: "[project] [--skip-checks]" workflow: accessibility phase: 5 artifact: 05-retest.md --- # Retest Verify that accessibility fixes for "$ARGUMENTS" are effective and produce a formal conformance statement. **Arguments.** `$ARGUMENTS` may contain the project name and optional flags. Take the first token as `<project>` and treat `--skip-checks` as a flag; never include flags in file paths. All paths below use `<project>`. If `--skip-checks` is present, skip the prerequisite check and, **before writing any artifact**, append one line to `.singularskills/log.jsonl`: `{"ts":"<ISO timestamp>","skill":"accessibility-retest","workflow":"accessibility","phase":5,"project":"<project>","event":"skipped","artifact":"05-retest.md","note":"<reason or \"none given\">"}`. ## Prerequisites **Part of a workflow.** This skill is phase 5 (Retest) of the WCAG-EM workflow (`accessibility`); cross-domain workflows run it too. First check `.singularskills/log.jsonl` for an open run for this project: a `run-started` line with `"project":"<project>"` and no later `run-finished` line for the same `workflow` and `project`. If one exists, the conductor is running you: continue here. Otherwise, if the user asked to start, run, continue or resume a process or workflow rather than this one step, do not continue here: invoke the `workflow` skill with the workflow the user asked for, or `accessibility` when they named none, followed by `<project>`; it runs this phase in order, asks before it writes and records the run. Otherwise continue here: a later phase runs on its own, behind its gate. Run this skill's gate before writing: `sh <this skill's folder>/scripts/gate.sh <project> <project root>`, where `<project root>` is the folder that contains `.singularskills/` (use `.` when you are already there). If it exits non-zero, stop and tell the user what it printed, unless `--skip-checks` was given (see Arguments). On a refusal, before you stop, append this line to `.singularskills/log.jsonl` (create the folder and file if missing): `{"ts":"<ISO timestamp>","skill":"accessibility-retest","workflow":"accessibility","phase":5,"project":"<project>","event":"refused","artifact":"05-retest.md","note":"<what the gate printed>"}`. Once the gate has passed, or under `--skip-checks` once you have appended the `skipped` line, append this line before you start work: `{"ts":"<ISO timestamp>","skill":"accessibility-retest","workflow":"accessibility","phase":5,"project":"<project>","event":"started","artifact":"05-retest.md","note":""}`. Read all prior artifacts. If `.singularskills/accessibility/<project>/04-remediate.md` does not exist, tell the user: > Phase 4 (Remediate) has not been completed for "<project>". Run `/accessibility-remediate <project>` first, or use `--skip-checks` to bypass. ## Process 1. **Read all prior artifacts:** - Read `.singularskills/accessibility/<project>/01-scope.md` for original scope - Read `.singularskills/accessibility/<project>/02-evaluate.md` for original issues - Read `.singularskills/accessibility/<project>/03-report.md` for detailed findings - Read `.singularskills/accessibility/<project>/04-remediate.md` for fixes applied 2. **Re-evaluate each fixed issue:** - Read the current code for each fixed issue - Verify the fix resolves the original WCAG violation - Check for regressions — did the fix break anything else? - Update issue status: verified fixed, partially fixed, or regression found 3. **Run regression checks:** - Re-check all WCAG criteria from the scope - Verify no new issues were introduced by the fixes - Check keyboard navigation flow end-to-end - Verify ARIA attributes are correct 4. **Produce conformance statement:** - Overall conformance level achieved - Per-principle conformance status - Known remaining issues (if any) - Recommendations for ongoing maintenance 5. **Write the artifact** to `.singularskills/accessibility/<project>/05-retest.md` with sections: - **Verification Results** — each issue with retest outcome - **Regression Check** — any new issues found - **Conformance Statement** — formal WCAG conformance declaration - **Remaining Issues** — known gaps with justification - **Maintenance Recommendations** — ongoing monitoring advice ## Output The conformance statement written to `.singularskills/accessibility/<project>/05-retest.md`. Present a summary to the user highlighting: - Conformance level achieved - Issues verified as fixed - Any remaining gaps - Maintenance recommendations **Record the run.** After you have written the artifact, append this line to `.singularskills/log.jsonl` (the `started` line of Prerequisites, with `"event":"finished"`): `{"ts":"<ISO timestamp>","skill":"accessibility-retest","workflow":"accessibility","phase":5,"project":"<project>","event":"finished","artifact":"05-retest.md","note":""}`. Open the artifact with this frontmatter (`agent` is the agent you run in, or `unknown`; `gate` is `passed` when the gate ran clean and `skipped` under `--skip-checks`): ```yaml --- skill: accessibility-retest workflow: accessibility phase: 5 project: <project> started: <ISO timestamp> finished: <ISO timestamp> agent: <the agent you run in, or "unknown"> gate: <passed|skipped> --- ``` End the artifact with `## Decisions` and `## Open questions`, in this shape: ```markdown ## Decisions - <what was chosen> — <why> — <what was rejected> ## Open questions - <what the next phase or a reviewer must settle> ```
No install command available. Check the GitHub repository for manual installation instructions.
git clone https://github.com/bromso/singularskills/tree/main/skills/accessibility-retestCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Act as an accessibility compliance tester for [COMPANY]. Review the following WCAG 2.2 AA fixes implemented in our [WEBSITE/APPLICATION] against the original audit report: [ISSUE_LIST]. Confirm whether each issue is resolved, flag any regressions, and generate a WCAG conformance statement covering the remaining gaps. Focus only on the listed issues—do not evaluate new components or design-stage changes. Use the original issue IDs for tracking.
# Accessibility Retest Report for GreenLeaf E-Commerce
*Report generated: June 1, 2024*
## Executive Summary
**Status:** 8/10 issues resolved (80% compliance)
**WCAG 2.2 AA Conformance:** Partial (Level AA)
**Remaining Gaps:** 2 critical issues require remediation
---
## Issue-by-Issue Verification
### ✅ Resolved Issues (8)
| Issue ID | Original Problem | Fix Verified | Notes |
|----------|------------------|--------------|-------|
| WCAG-001 | Missing alt text on 12 product images | ✔ Confirmed | Alt text now present and descriptive |
| WCAG-003 | Non-descriptive link text ('Click here') | ✔ Fixed | Links now use 'View [Product Name]' |
| WCAG-005 | Keyboard trap in search dropdown | ✔ Resolved | Dropdown now exits with Escape key |
| WCAG-007 | Low contrast (4.2:1) on footer links | ✔ Improved | Contrast now 7.1:1 (AAA compliant) |
| WCAG-009 | Missing ARIA labels for icon buttons | ✔ Added | Labels now present for all icon buttons |
| WCAG-011 | Form fields lack associated labels | ✔ Fixed | All fields now have `<label>` elements |
| WCAG-013 | Missing heading hierarchy (h1→h3) | ✔ Corrected | Proper heading structure implemented |
| WCAG-015 | Video lacks captions | ✔ Added | Captions now embedded in player |
### ⚠️ Unresolved Issues (2)
| Issue ID | Original Problem | Status | Recommendation |
|----------|------------------|--------|----------------|
| WCAG-004 | Carousel auto-advances without pause control | ❌ Not fixed | Add pause/stop controls per WCAG 2.2 |
| WCAG-012 | Screen reader reads decorative icons | ❌ Partially fixed | Remove `aria-hidden` from decorative icons or add `role="presentation"` |
---
## WCAG 2.2 AA Conformance Statement
**Conformance Level:** Partial Level AA
**Total Success Criteria:** 38/40 (95%)
**Failed Criteria:** 2 (WCAG 2.2 Success Criteria 2.2.2 and 4.1.2)
### Remaining Gaps:
1. **2.2.2 Pause, Stop, Hide (Level A):** Carousel auto-advances without user control. Requires pause/stop controls.
2. **4.1.2 Name, Role, Value (Level A):** Decorative icons are still read by screen readers, causing noise. Requires proper ARIA treatment.
### Next Steps:
- Prioritize fixing WCAG-004 (carousel controls) within 2 weeks
- Assign WCAG-012 to frontend team for ARIA cleanup
- Schedule retest after fixes are deployed
---
*Report generated using automated testing tools (axe-core, WAVE) and manual verification. For full audit details, refer to the original report dated May 15, 2024.*skills-collection
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan