Back to Resources

Accessibility Guide

Our accessibility guidelines ensure that our digital products are usable by people of all abilities. We follow WCAG 2.1 Level AA standards to create inclusive experiences.

Color Contrast

Ensuring sufficient contrast between text and background colors is essential for readability.

Good Contrast

This text has a contrast ratio of 4.5:1 or higher, meeting WCAG AA standards.

Background: #FF1493, Text: #FFFFFF

Poor Contrast

This text has a low contrast ratio, making it difficult to read for many users.

Background: #FFB6C1, Text: #FFFFFF

Keyboard Navigation

All interactive elements should be accessible via keyboard navigation.

Focus Indicators

Interactive elements should have visible focus indicators.

Skip Links

Skip links allow keyboard users to bypass repetitive content.

Skip to main content

Screen Reader Support

Proper ARIA attributes and semantic HTML ensure content is accessible to screen readers.

ARIA Labels

Use aria-label to provide context for screen readers.

Semantic HTML

Use appropriate HTML elements for their intended purpose.

Alternative Text

Images should have descriptive alt text to convey their meaning to screen reader users.

Good Alt Text

“A red fox standing in a snowy field at sunrise”

Poor Alt Text

“fox.jpg” or “image of animal”