home/categories/frontend/dpietersz-pietersz-me-claude-skills-frontend-accessibility-skill-md
frontenddevelopment

frontend-accessibility

Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or editing UI components, HTML templates, JSX files, or any frontend markup. When implementing forms, interactive elements, navigation menus, modals, or dynamic content. When working with buttons, links, images, headings, or any user-facing interface elements. When ensuring keyboard accessibility, focus management, or screen reader support in React components, Vue templates, HTML files, or any frontend view files.

dpietersz
maintainer
dpietersz
Updated 1/16/2026
Stars
0
Forks
0
quick start

Installation and usage

Build accessible user interfaces using semantic HTML, proper ARIA attributes, keyboard navigation, color contrast, and screen reader compatibility. Use this skill when creating or editing UI components, HTML templates, JSX files, or any frontend markup. When implementing forms, interactive elements, navigation menus, modals, or dynamic content. When working with buttons, links, images, headings, or any user-facing interface elements. When ensuring keyboard accessibility, focus management, or screen reader support in React components, Vue templates, HTML files, or any frontend view files.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use frontend-accessibility