# 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