Accessibility Commitments

1. Visual + Cognition

Consistent Clean Design

Use a consistent, simple, clean design to reduce cognitive load and make your site easily navigable and easy to use

• Use lots of white space, keep design uncluttered
• Use few fonts, black text on white background (high contrast) to make easier to read for dyslexics
• use form labels, and easy form tab navigation

Easy to interact

• use large clickable button parent objects for radio buttons or checkboxes (allow the parent object to be clickable)

2. Hearing

• don't use auto-play videos or audio

3. Mobility

Easy Keyboard Navigation

• allow for easier tab navigation using JavaScript or tabindex="0"/tabindex="1" to focus on important elements
• don't remove focus completely in order to make tab navigation possible
  • to keep consistent appearance in site design, can use alternative styling for tab focus (e.g. use the same styling for focus and hover)
• use alt text on images for screen readers
• improve screen reader navigation by using semantic HTML and CSS to allow for easy to focus elements using keyboard