Skip to main content

Accessibility

Focus theme is designed with accessibility in mind.

ARIA
  • Decorative icons have aria-hidden attributes.
  • Interactive elements include appropriate ARIA roles.
  • ARIA IDs are unique.
Code Compliance
  • The theme follows W3C web standards.
Color contrast
  • Text and background contrast meets WCAG AA standards (4.5:1).
Links
  • Links are underlined, except within specific components.
Headings
  • Each section has a heading.
  • Heading levels are not skipped.
Images
  • All images include alt attributes.
Forms
  • Form fields have associated labels.
Keyboard navigation
  • A "Skip to main content" link is available at the beginning of each page.
  • Interactive elements are keyboard focusable.
  • Tab order follows a logical sequence.
Landmarks
  • HTML5 landmarks (<main>, <nav>, etc.) are used to enhance navigation.
Language
  • The <html> element includes a lang attribute.
Page title
  • All pages include a descriptive and unique <title>.
Semantic HTML
  • Uses appropriate semantic elements to provide a clear and meaningful structure.