This skill should be used when building or reviewing UI for accessibility — keyboard navigation, screen readers, ARIA, color contrast, focus states, accessible forms, or WCAG compliance. Trigger phrases include "make it accessible", "a11y", "accessibility", "WCAG", "ARIA", "keyboard navigation", "screen reader", "color contrast", "focus states", "accessible form", "is this compliant", "EAA", "ADA". It targets WCAG 2.2 AA with concrete component rules and an axe-core test step.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Accessibility
This skill makes interfaces usable by everyone — keyboard-only users, screen-reader users, low-vision users — and meets the legal bar (the EU Accessibility Act and ADA Title II both reference WCAG). Accessibility is not a nice-to-have; it's increasingly a legal requirement and always a larger addressable market.
Analogy: a curb cut was built for wheelchairs, but everyone with a stroller, suitcase, or bike uses it. Accessible UI is the same — built for those who need it, better for everyone.
## Dependencies
This skill is stronger when **Vercel's `web-design-guidelines` skill** (part of `vercel-labs/agent-skills`, ~27k⭐) is installed — it ships the ARIA/focus/keyboard checklist. Delegate the checklist to it when present; always pair with the axe-core test step below, which catches runtime violations a static checklist can't. **Never block on a missing dependency** — the rules below are the embedded fallback.
## The target
**WCAG 2.2 Level AA** — the bar referenced by the EU EAA, ADA Title II, and Section 508. Automated tools catch only ~30-40% of issues, so combine automated tests with manual checks.
## Discovery (max 3 questions, only if unknown)
…
The line at the top of this page pins the label git:20260606.1d02dd6, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_wuj5s5bs33pbandr
GET https://markdownregistry.com/api/v1/resolve?ref=martinolivero/saas-builder/accessibility
GET https://markdownregistry.com/api/v1/blob/03edf40b5467747329110af0c770d00e3699f58f3d413308734b13c0315104df
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
martinolivero/saas-builder · skills/ai-features/SKILL.md · This skill should be used when putting an LLM inside the product itself — a chatbot or support agent, AI-generated…
martinolivero/saas-builder · skills/api-design/SKILL.md · This skill should be used when designing or building an API — endpoints, routes, request/response shapes, error…
martinolivero/saas-builder · skills/architecture-primer/SKILL.md · This skill should be used when the user wants to design, plan, or decide the architecture of a system, app, or platform…
martinolivero/saas-builder · skills/auth/SKILL.md · This skill should be used when adding authentication or authorization to an app or SaaS — login, signup, sessions…
martinolivero/saas-builder · skills/data-modeling/SKILL.md · This skill should be used when designing a database schema, modeling data, choosing a database, planning migrations, or…
martinolivero/saas-builder · skills/deployment/SKILL.md · This skill should be used when shipping an app to production — setting up CI/CD, deploys, preview environments, error…
martinolivero/saas-builder · skills/design-taste-frontend/SKILL.md · Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right…
martinolivero/saas-builder · skills/frontend-performance/SKILL.md · This skill should be used when a frontend feels slow, fails Core Web Vitals, has a large bundle, or needs performance…
martinolivero/saas-builder · skills/image-to-code/SKILL.md · Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design…
martinolivero/saas-builder · skills/integrations/SKILL.md · This skill should be used when the product talks to a platform you do not control — receiving webhooks, syncing with a…
martinolivero/saas-builder · skills/landing-page/SKILL.md · This skill should be used when the user wants to create a landing page, sales page, home page, lead-capture page, or…
martinolivero/saas-builder · skills/multi-tenancy/SKILL.md · This skill should be used when several customers, organizations, teams or workspaces share one application and their…
ericrisco/rsc-harness · skills/accessibility/SKILL.md · Use when making a web UI conform to WCAG 2.2 Level AA — axe-core or Lighthouse a11y violations, keyboard operability…
nahid-sparktales/agent-dispatcher · skills/design/accessibility/SKILL.md · Build and fix interfaces so they meet WCAG 2.2 AA in practice — native semantics, keyboard paths, focus order and…
aicodedecode/awesome-muse-skills · skills-imported/accessibility/SKILL.md · Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y…
wankimmy/bossku-superpowers · skills/accessibility/SKILL.md · Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA. Use when building or auditing UI that…
jnpiyush/agentx · .github/skills/design/accessibility/SKILL.md · Enforce WCAG 2.1 AA conformance on UX prototypes and shipped UI. Use when reviewing or building any user-facing surface…
