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.
- Decorative icons have
- 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.
- All images include
- 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.
- HTML5 landmarks (
- Language
-
- The
<html>
element includes alang
attribute.
- The
- Page title
-
- All pages include a descriptive and unique
<title>
.
- All pages include a descriptive and unique
- Semantic HTML
-
- Uses appropriate semantic elements to provide a clear and meaningful structure.