Frontend Accessibility

Build accessible user interfaces following WCAG standards with semantic HTML, keyboard navigation, proper color contrast, and ARIA attributes. Use this skill when creating or modifying UI components, React components, Vue components, web forms, navigation menus, modal dialogs, or any interactive elements. Use this skill when implementing keyboard navigation support, adding ARIA labels and roles, ensuring proper focus management, providing alternative text for images, or testing with screen readers. Use this skill when working with component files (.jsx, .tsx, .vue, .svelte), HTML templates, or any frontend code that renders user-facing interfaces. Use this skill when establishing heading hierarchies, form input labels, or color contrast ratios.