frontend-accessibility
Build accessible user interfaces following WCAG guidelines with semantic HTML, keyboard navigation, proper ARIA attributes, and screen reader support. Use this skill when creating or modifying UI components, implementing interactive elements (buttons, forms, modals, menus), adding keyboard navigation support, implementing focus management, adding ARIA attributes or roles, ensuring color contrast compliance, writing alt text for images, creating form labels and error messages, implementing heading structures, building custom interactive widgets, testing for screen reader compatibility, or working with any HTML, JSX, or template files that render user-facing content. Use when working with React components, Vue templates, Angular templates, HTML files, or any frontend framework components.
Installation and usage
Build accessible user interfaces following WCAG guidelines with semantic HTML, keyboard navigation, proper ARIA attributes, and screen reader support. Use this skill when creating or modifying UI components, implementing interactive elements (buttons, forms, modals, menus), adding keyboard navigation support, implementing focus management, adding ARIA attributes or roles, ensuring color contrast compliance, writing alt text for images, creating form labels and error messages, implementing heading structures, building custom interactive widgets, testing for screen reader compatibility, or working with any HTML, JSX, or template files that render user-facing content. Use when working with React components, Vue templates, Angular templates, HTML files, or any frontend framework components.
Once installed, you can use this skill by running the following command in your terminal:
skills use frontend-accessibility