accessibility
Skill9 starsChanged 2 months agoMITView on GitHub
Enforce WCAG 2.2 AA by default (keyboard, ARIA, focus, contrast, semantics, target size, dragging alternatives, accessible authentication). Use for accessibility work, pre-ship UI checks, and as a light pass on every UI build or design review — including "a11y", "keyboard", "screen reader", or shipping user-facing changes.
123 other projects use a version of this.
Adopted by
Most recently taken up by
- Khan/perseustheir own version, first seen Nov 9, 2026
- linx-systems/clamuitheir own version, first seen Nov 9, 2026
- Rojios/everything-claude-codetheir own version, first seen Nov 8, 2026
- ahmadvahidi/skill-atlastheir own version, first seen Nov 8, 2026
- GstMirabal/Token-Optimized-Agent-Pipelinetheir own version, first seen Nov 8, 2026
- DnsQueen/orcinus-skillstheir own version, first seen Nov 8, 2026
Used with
Projects with it also use author-contributions, tool-rename-deprecation and 10 more.
Other files people use alongside this one.
Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
MicrosoftSkillauthor-contributions
Identify all files a specific author contributed to on a branch vs its upstream, tracing code through renames. Use when asked who edited what, what code an author contributed, or to audit authorship before a merge. This skill should be run as a subagent — it performs many git operations and returns a concise table.
Also in 7 projects that use this
gitpod-ioSkilltool-rename-deprecation
Ensure renamed built-in tool references preserve backward compatibility. Use when renaming a toolReferenceName, tool set referenceName, or any tool identifier. Run on ANY change to tool registration code. Covers legacyToolReferenceFullNames for tools and legacyFullNames for tool sets.
Also in 5 projects that use this
DepressionCenterSkillproject-preferences
Apply repository-specific preferences when planning, implementing, or reviewing changes in this project.
Also in 6 projects that use this
- MicrosoftSkill
chat-perf
Run chat perf benchmarks and memory leak checks against the local dev build or any published VS Code version. Use when investigating chat rendering regressions, validating perf-sensitive changes to chat UI, or checking for memory leaks in the chat response pipeline.
Also in 5 projects that use this
- DepressionCenterSkill
create-media-pack
Create a coordinated project branding and media pack with three accessible design options, approved vector artwork, image exports, a branding guide, and README integration. Use when asked for a repository media pack, brand kit, or complete project visual identity.
Also in 5 projects that use this
- +7 more from microsoft
Other versions123 projects use a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 123
- microsoft/vscode★ 195ksame name
- elastic/kibana★ 21ksame name
- mozilla-mobile/firefox-ios★ 13ksame name
- midudev/preguntas-entrevista-react★ 7.8ksame name
- gitpod-io/openvscode-server★ 6.2ksame name
- posit-dev/positron★ 4.3ksame name
- legions-developer/evilcharts★ 3.2ksame name
- midudev/la-velada-web-oficial★ 1.9ksame name
- UI5/webcomponents★ 1.8ksame name
- theopenco/llmgateway★ 1.7ksame name
113 more not listed
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository36 other files it gives its agents.
- AGENTS.mdAGENTS.md
- CLAUDE.mdCLAUDE.md
- .cursor/rules/design-system-enforcer.mdcCursor rule
- frontend-expertSkill
- anti-slop-codeSkill
- anti-slop-designSkill
- app-shellSkill
- architectureSkill
- componentsSkill
- content-designSkill
- data-fetchingSkill
- design-colorSkill
- design-directionSkill
- design-foundationsSkill
- design-surfacesSkill
- design-typographySkill
- design-vocabularySkill
- devtoolsSkill
- engineering-vocabularySkill
- fidelitySkill
- formsSkill
- frontend-expertSkill
- marketingSkill
- monitoringSkill
- motion-inspectionSkill
- motionSkill
- performanceSkill
- polishSkill
- prototypeSkill
- quality-loopSkill
- responsiveSkill
- seoSkill
- skill-authoringSkill
- testingSkill
- tokensSkill
- webglSkill
The file
Files
Accessibility
Overview
New user-facing UI targets WCAG 2.2 AA by default. Honor an explicit legal/project target such as 2.1, and record it. Do not claim a check that was not performed.
When to use
- Light pass on every
/uibuild /designaudits and dedicated a11y fixes- Keyboard, screen reader, contrast, focus, or target-size issues
When to skip
- Palette construction →
design-color(this skill owns conformance of pairs) - Type wrapping/truncation →
design-typography - Hit-area feel only, with no conformance claim →
polish
MUST
| Rule | Detail |
| Name the target | WCAG 2.2 AA unless the project/legal pin is different |
| Keyboard path | Native controls first; visible :focus-visible; logical order |
| Focus not obscured | Sticky/fixed UI must not hide focused items (2.4.11) |
| Names and states | Visible labels; icon-only buttons have aria-label; toggles expose state |
| Contrast measured | Text 4.5:1 / large 3:1 / UI 3:1 — measure pairs, do not guess from lightness |
| Not color alone | State needs icon, text, or pattern as well as color |
| Target size | 2.5.8 minimum is 24×24 CSS px (with exceptions). 44×44 is a pack recommendation, not 2.5.8 |
| Dragging alternative | Pointer-drag actions have a non-drag method (2.5.7) |
| Auth / redundant entry | No cognitive-function test without an alternative (3.3.8); don’t re-ask data the user already gave in the same process (3.3.7) |
| Honest verification | Untested screen-reader or zoom checks are Not verified |
Workflow
- Target — record 2.2 AA or the project pin.
- Keyboard — tab the real UI; trap/restore in dialogs; skip link on long nav.
- Names — labels, landmarks, live regions for dynamic status.
- Perceive — measured contrast; color-blind-safe state; 200% zoom if claiming it.
- Operate — 2.2 target size, dragging alternative, focus not obscured.
- Report — pass/fail per check;
Not verifiedfor tools not run.
Cheapest valid fix: native element → correct name/role → then ARIA.
Boundaries
- May decide: native
<dialog>vs labeled custom modal; live-region politeness. - Must not: report 44px as WCAG 2.5.8; claim SR/axe results without running them; use ARIA to paper over unkeyboardable divs.
Checklist
- Conformance target recorded (2.2 AA or project pin)
- Keyboard path and visible focus; focus not obscured
- Labels /
aria-label/ toggle states / live regions as relevant - Contrast measured for text and UI components
- No color-only state
- 2.5.8 target size (24px) distinguished from 44px recommendation
- Dragging alternative and accessible authentication checked if in scope
- Untested items marked
Not verified
Depth
Full checklist and recipes: references/accessibility-checklist.md.
Contrast context: references/design-color.md, references/ux-foundations.md.
Evidence classes: references/evidence-policy.md.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.