Menu
Run accessibility audits and fix WCAG 2.2 AA violations. Use when asked about accessibility, a11y, WCAG, or axe-core issues.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
Build, preview, and verify the jmrp.io Astro 7 project. Use when asked to build, deploy, or run the QA pipeline.
Debug Content Security Policy (CSP) and Subresource Integrity (SRI) issues in the jmrp.io project
Scaffold and write a new MDX blog post. Use when asked to create a blog post, write an article, or add content to the posts collection.
Create a new reusable Astro UI component in src/components/ui/. Use when asked to add a component, build a UI element, or extend the component library.
Add or update translations for the EN/ES bilingual system. Use when asked about translations, missing keys, locale routing, hardcoded strings, or adding a new language.
| name | accessibility-audit |
| description | Run accessibility audits and fix WCAG 2.2 AA violations. Use when asked about accessibility, a11y, WCAG, or axe-core issues. |
| argument-hint | [suite: all|axe|deep|keyboard|tabs] |
Audit and fix accessibility issues in jmrp.io for WCAG 2.2 AA compliance.
pkill -f "astro dev" 2>/dev/null
pnpm test:e2e --project=accessibility
# axe-core automated checks (light + dark themes)
pnpm test:e2e tests/accessibility.spec.ts
# Semantic landmarks, heading order, copy buttons
pnpm test:e2e tests/deep.accessibility.spec.ts
# Keyboard navigation (menu, skip link, mobile menu)
pnpm test:e2e tests/keyboard.accessibility.spec.ts
# Tab component keyboard nav, FileContent focus
pnpm test:e2e tests/tabs.accessibility.spec.ts
node scripts/audit-aria-labels.mjs
/tools/color-contrast-checker/:focus-visible)prefers-reduced-motion support for animationstabindex > 0)<img> require descriptive alt textalt="" + aria-hidden="true"<Mermaid> requires ariaLabel prop| Component | Requirement |
|---|---|
Mermaid | ariaLabel required |
Table | Semantic <thead>, <th scope> |
TerminalCommand | aria-label for copy button |
Collapsible | aria-expanded state |
Tabs | ARIA tabs pattern (radio group) |
Callout | role="note" already included |
aria-labelledby for sections with visible headingsaria-label when no visible heading existsaria-expanded for toggleable elementsaria-current="page" for active navigation itemsrole="note" for informational asidesReports are saved to accessibility-report/ after running tests. Check:
accessibility-summary-dark.json / accessibility-summary-light.json