القائمة
Run accessibility audits and fix WCAG 2.2 AA violations. Use when asked about accessibility, a11y, WCAG, or axe-core issues.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف 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