home/categories/frontend/mshafei721-turbocat-claude-skills-frontend-accessibility-skill-md
frontenddevelopment

frontend-accessibility

Build accessible user interfaces with semantic HTML, keyboard navigation, ARIA attributes, and screen reader support. Use this skill when creating or modifying UI components, form elements, interactive widgets, or page layouts. When working on files like *.tsx, *.jsx, *.vue, *.svelte, or HTML templates. When adding alt text to images, labels to form inputs, implementing keyboard navigation, managing focus states, ensuring proper color contrast, using semantic HTML elements (nav, main, button), or adding ARIA attributes for complex components.

mshafei721
maintainer
mshafei721
Updated 1/15/2026
Stars
0
Forks
0
quick start

Installation and usage

Build accessible user interfaces with semantic HTML, keyboard navigation, ARIA attributes, and screen reader support. Use this skill when creating or modifying UI components, form elements, interactive widgets, or page layouts. When working on files like *.tsx, *.jsx, *.vue, *.svelte, or HTML templates. When adding alt text to images, labels to form inputs, implementing keyboard navigation, managing focus states, ensuring proper color contrast, using semantic HTML elements (nav, main, button), or adding ARIA attributes for complex components.

Installation
$ install --globalskills.sh
Usage

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

skills use frontend-accessibility