Frontend Accessibility

Build accessible user interfaces following WCAG guidelines with semantic HTML, keyboard navigation, screen reader support, and inclusive design patterns. Use this skill when creating or modifying UI components, page layouts, forms, interactive elements, or any frontend code that users interact with. Apply when working with HTML files, component files (React, Vue, Svelte, etc.), form markup, navigation elements, modal dialogs, dropdown menus, tabs, carousels, or custom interactive widgets. Use when implementing keyboard navigation, focus management, ARIA attributes, color contrast requirements, alternative text for images, form labels, heading structures, or screen reader compatibility. Apply when ensuring interactive elements are keyboard accessible, testing with assistive technologies, managing focus in dynamic content, or creating inclusive user experiences for users with disabilities.