Accessibility Tools
Tools and resources to help ensure your website is accessible to all users.
Color Contrast Checker
Sample Text
Contrast Ratio:
21.00:1
WCAG Result:
AAA Pass
WCAG 2.1 Requirements:
- AA: 4.5:1 for normal text, 3:1 for large text
- AAA: 7:1 for normal text, 4.5:1 for large text
- Large text is defined as 18pt+ or 14pt+ bold
Accessibility Guidelines
Perceivable
Information and user interface components must be presentable to users in ways they can perceive.
- Provide text alternatives for non-text content
- Provide captions and alternatives for multimedia
- Create content that can be presented in different ways
- Make it easy for users to see and hear content
Operable
User interface components and navigation must be operable.
- Make all functionality available from a keyboard
- Give users enough time to read and use content
- Do not use content that causes seizures or physical reactions
- Help users navigate and find content
Understandable
Information and the operation of user interface must be understandable.
- Make text readable and understandable
- Make content appear and operate in predictable ways
- Help users avoid and correct mistakes
Robust
Content must be robust enough to be interpreted by a wide variety of user agents, including assistive technologies.
- Maximize compatibility with current and future user tools
- Use proper HTML semantics
- Ensure proper ARIA usage
Keyboard Shortcuts
Navigation
- Skip to contentTab
- Navigate between linksTab / Shift + Tab
- Activate link or buttonEnter / Space
Screen Readers
- Read next itemDown Arrow
- Read previous itemUp Arrow
- Read all contentCtrl + Down Arrow