Claude MarketplacesSubmit
ibelick avatar

Fixing Accessibility

ibelick/ui-skills

The fixing-accessibility skill audits and fixes HTML accessibility issues across ARIA labels, keyboard navigation, focus management, color contrast, and form validation. It serves developers and designers building interactive UI components who need to ensure WCAG compliance and usability for keyboard and screen reader users. The skill identifies violations in code, explains their impact, and provides targeted code-level fixes without rewriting large UI sections.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
5
skills.sh installs
23.5K
GitHub stars
10.9K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add ibelick/ui-skills --skill fixing-accessibility --agent claude-code

Installs into .claude/skills of the current project.

Files

fixing-accessibility

Fix accessibility issues.

how to use

  • /fixing-accessibility Apply these constraints to any UI work in this conversation.

  • /fixing-accessibility <file> Review the file against all rules below and report:

    • violations (quote the exact line or snippet)
    • why it matters (one short sentence)
    • a concrete fix (code-level suggestion)

Do not rewrite large parts of the UI. Prefer minimal, targeted fixes.

when to apply

Reference these guidelines when:

  • adding or changing buttons, links, inputs, menus, dialogs, tabs, dropdowns
  • building forms, validation, error states, helper text
  • implementing keyboard shortcuts or custom interactions
  • working on focus states, focus trapping, or modal behavior
  • rendering icon-only controls
  • adding hover-only interactions or hidden content

rule categories by priority

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/ibelick/ui-skills
Categories
Frontend Development, Debugging, Design & UI/UX

More from ibelick/ui-skills

All 5

Recommended

More Frontend Development
1ibelick avatarfixing-metadataibelick/ui-skillsAudit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and rob19.6Kskills.sh installs
2onmax avatarviteonmax/nuxt-skillsVite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building li2.5Kskills.sh installs
3onmax avatardocument-writeronmax/nuxt-skillsUse when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC co2.1Kskills.sh installs
4onmax avatarwriting-web-documentationonmax/nuxt-skillsWrite, rewrite, review, and organize developer-facing documentation for web software projects. Use when creating or improving README files, docs homepages, quic965skills.sh installs
5plugin87 avatardesign-tokensplugin87/ux-ui-agent-skillsGenerate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component). Use when the user wants a color palette585skills.sh installs
6plugin87 avatarapply-aestheticplugin87/ux-ui-agent-skillsApply a visual direction — an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 138 named design systems (apple, linear-577skills.sh installs