- Use a keyboard to interact with components (tab, space, enter, shift-tab)
- Icons should have aria-hidden
- Links or buttons with no text need to have aria-label or labeled-by. More info here
- Roles should be used unless input (input type does this automatically). More info here
- Check contrast of components being used (storybook accessibility tab) or color-contrast-tool
- Storybook accessibility tab should have no issues
- A11y here
- React Accessibility here
- MDN button and links here
- MDN Accessibility here
- Font awesome here
- MDN Aria roles here
- Tables here
- Linting is enabled for this project to determine if elements are compliant
- Note this does not check for everything. Manual checks required
- Enable vscode tslint for the best experience when developing