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

• A11y here
• React Accessibility here
• MDN button and links here
• MDN Accessibility here
• Font awesome here
• MDN Aria roles here
• Tables here

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