Accessibility¶
Minimum Requirements¶
- 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
Resources¶
TSLint¶
- 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