frontend-accessibility

Implement accessible user interfaces using semantic HTML, keyboard navigation, proper color contrast, ARIA attributes, alt text, and focus management to ensure all users can interact with the application. Use this skill when creating or modifying React components (.jsx, .tsx), Vue components (.vue), Angular component files, Svelte components, HTML files, template files, or any frontend UI code that renders user interfaces including forms, buttons, links, navigation menus, modals, dialogs, dropdowns, images, or interactive elements. Use this when implementing semantic HTML elements like nav, main, button, header, footer, article, section, form, label, input that convey proper meaning to assistive technologies like screen readers rather than using generic div or span elements, ensuring all interactive elements (buttons, links, form controls, custom widgets) are keyboard accessible with visible focus indicators and proper tab order so users can navigate without a mouse, adding ARIA attributes like aria-label, ar

// tip: Run this command in your terminal to install the skill