# Configure Accessibility > Use when making a frontend accessible — turns on a11y linting (Biome a11y rules for React/JSX, eslint-plugin-vuejs-accessibility for Vue templates), establishes semantic-HTML/focus/reduced-motion conventions, and adds axe checks to the test stack so accessibility regressions fail CI. - Skill: `velimirmueller/configure-accessibility` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add velimirmueller/configure-accessibility` - Raw SKILL.md: https://api.skillmd.com/api/skills/velimirmueller/configure-accessibility/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: VelimirMueller (https://skillmd.com/u/velimirmueller) - Updated: 2026-09-22 - Page: https://skillmd.com/skills/velimirmueller/configure-accessibility --- # Configure Accessibility ## 1. Audit current state ```bash grep -E '"(eslint-plugin-vuejs-accessibility|vitest-axe|@axe-core/playwright|axe-core)"' package.json 2>/dev/null grep -rn "skip.*main\|role=\"main\"\|/dev/null | head ``` Detect a11y lint, axe in tests, and whether a skip link / landmarks exist. **Prerequisites:** `configure-linting` (Biome) and `configure-test-stack` (axe plugs into Vitest/Playwright). ## 2. Decide what to do - Nothing → full setup (lint + conventions + axe tests). - Lint on but no axe tests → add axe (step 6). - Both present → confirm the conventions in `a11y-rules.md` and the keyboard pass. ## 3. Detect framework React/JSX → Biome's a11y rules cover it. Vue → Biome lints `