Accessibility

Claro targets WCAG 2.1 AA compliance with a Lighthouse accessibility score of 90+.

Accessibility features

• Semantic HTML — proper use of nav, main, article, section, header, footer
• Keyboard navigation — all interactive elements are keyboard accessible
• Focus states — visible :focus-visible outlines on all focusable elements
• Skip to content — skip navigation link for keyboard users
• ARIA attributes — proper aria-label, aria-expanded, aria-controls
• Form labels — all form inputs have unique IDs and matching <label> elements
• Heading hierarchy — proper h1–h6 structure on every page
• Color contrast — 4.5:1 ratio for body text, 3:1 for large text and icons
• Touch targets — minimum 44×44px tap targets on mobile
• Reduced motion — respects prefers-reduced-motion system setting
• Screen reader support — live regions for dynamic content updates
• Alt text — support for alt text on all images