A11y checklist for all people

a11y

## Designers
- [ ] Make sure there is enough contrast between text and its background color [More Info](http://accessibility.voxmedia.com/#designers-1)
- [ ] Don't indicate important information using color alone [More Info](http://accessibility.voxmedia.com/#designers-2)
- [ ] Pair values of colors together (not only hues) to increase contrast [More Info](http://accessibility.voxmedia.com/#designers-3)
- [ ] Design focus states to help users navigate and understand where they are [More Info](http://accessibility.voxmedia.com/#designers-5)
- [ ] Help users understand inputs, and help them avoid and correct mistakes [More Info](http://accessibility.voxmedia.com/#designers-6)
- [ ] Write good alt text for your images [More Info](http://accessibility.voxmedia.com/#designers-7)
- [ ] Be as consistent and clear as possible in layout and copy [More Info](http://accessibility.voxmedia.com/#designers-9)

## Engineers
- [ ] Use the correct HTML element for your content [More Info](http://accessibility.voxmedia.com/#engineers-1)
- [ ] Support keyboard navigation [More Info](http://accessibility.voxmedia.com/#engineers-2)
- [ ] Understand and use HTML landmarks [More Info](http://accessibility.voxmedia.com/#engineers-3)
- [ ] Write good alt text for your images [More Info](http://accessibility.voxmedia.com/#engineers-4)
- [ ] Help users understand inputs, and help them avoid and correct mistakes [More Info](http://accessibility.voxmedia.com/#engineers-6)
- [ ] Use ARIA attributes when applicable [More Info](http://accessibility.voxmedia.com/#engineers-7)
- [ ] Give users a way to skip top level navigation to access main content [More Info](http://accessibility.voxmedia.com/#engineers-8)
- [ ] Make links descriptive [More Info](http://accessibility.voxmedia.com/#engineers-9)
- [ ] Avoid images and iconography in pseudo-elements [More Info](http://accessibility.voxmedia.com/#engineers-10)
- [ ] Make SVGs accessible to assistive technology [More Info](http://accessibility.voxmedia.com/#engineers-11)
- [ ] Hide decorative elements from screen readers [More Info](http://accessibility.voxmedia.com/#engineers-12)
- [ ] Create alternate routes for users to access information [More Info](http://accessibility.voxmedia.com/#engineers-13)
- [ ] Links should be visually identifiable and have clear :focus and :active states [More Info](http://accessibility.voxmedia.com/#engineers-14)

## Project Managers
- [ ] Build in time for accessibility during project planning and sprint planning [More Info](http://accessibility.voxmedia.com/#project-managers-2)
- [ ] When sharing good work done by your team, praise efforts to increase accessibility [More Info](http://accessibility.voxmedia.com/#project-managers-3)
- [ ] The tools and products that you create should make accessibility easier to achieve [More Info](http://accessibility.voxmedia.com/#project-managers-4)
- [ ] Be an advocate for accessibility [More Info](http://accessibility.voxmedia.com/#project-managers-5)

## Quality Assurance
- [ ] Run through each page with the WAVE Chrome Extension. [More Info](http://accessibility.voxmedia.com/#qa-1)
- [ ] Users should be able to navigate through content using their keyboard. [More Info](http://accessibility.voxmedia.com/#qa-2)
- [ ] Users should be able to navigate content using a screen reader. [More Info](http://accessibility.voxmedia.com/#qa-3)
- [ ] Decorative images should not be visible to screen readers. [More Info](http://accessibility.voxmedia.com/#qa-6)

## Tools
- [ ] Use these tools to help make your work accessible [More Info](http://accessibility.voxmedia.com/#tools-1)
 - [WCAG 2.0 guidelines to review best practices](http://code.viget.com/interactive-wcag/#responsibility=design&level=aa),
 - [WAVE (Web Accessibility Evaluation Tool) Chrome Extension to check accessibility across your products](https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh?hl=en-US),
 - [Color Contrast Analyzer App to analyze color contrast](https://www.paciellogroup.com/resources/contrastanalyser/),
 - [Color Safe to make accessible color palettes](http://colorsafe.co/),
 - [Color Oracle to simulate color blindness](http://colororacle.org/index.html),
 - [Sim Daltonism to simulate color blindness](https://michelf.ca/projects/sim-daltonism/)