mcpField
F
fixing-accessibility

fixing-accessibility

github.com/podoDesign & UI29223 installsUpdated 3d ago
Repository

About fixing-accessibility

fixing-accessibility is a skill for auditing and correcting accessibility issues in UI components. It is intended for developers working on interactive controls, forms, and dialogs, and focuses on concrete code-level fixes while preserving visual design intent.

Key features

  1. 01Check ARIA labels
  2. 02Review keyboard navigation
  3. 03Identify focus-management gaps
  4. 04Check color contrast
  5. 05Improve form error patterns

Use cases

  1. 01Review accessibility of a UI component
  2. 02Fix keyboard access in a dialog
  3. 03Improve accessible form errors

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill fixing-accessibility

After installing, type/fixing-accessibilityin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

fixing-accessibility

Catalogue stub — full skill: ibelick/ui-skills

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/fixing-accessibility/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/fixing-accessibility/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as fixing-accessibility, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/fixing-accessibility ] && echo "global" || echo "project"

    Global:

    npx skills add ibelick/ui-skills --skill fixing-accessibility -g -y

    Project:

    npx skills add ibelick/ui-skills --skill fixing-accessibility -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • License: MIT

Invoke after install

  • Skill name: fixing-accessibility
  • Trigger phrases: "fixing accessibility", "accessibility audit", "ARIA", "keyboard navigation", "focus management"

What it does

Audits components for missing or incorrect ARIA labels, broken keyboard navigation paths, focus management gaps, color contrast failures, and inaccessible form error patterns. Applies concrete code-level fixes so components meet accessibility standards without losing visual design intent. Use it when adding interactive controls, forms or dialogs, or when reviewing WCAG compliance.

When NOT to use

  • Full-site, document (Office/PDF) or markdown accessibility audits with specialist routing — use accessibility-agents
  • A structured WCAG 2.2 audit with manual verification steps — use wcag-audit-patterns

Comments

Markdown supported