Accessibility

A rudimentary guide to achieving accessibly interfaces

It is our aim to create interfaces that are accessible to as many people as possible. Not everyone uses the same device, and not everyone has the same level of physical capability. We recognize this, and strive to choose patterns which enable all users to interact with our product. A great resource for understanding practices that enable users, check out the a11y project.

A non-exhaustive checklist:

  • Use semantic elements (e.g. put lists inside ul or ol and not div)

  • Use appropriate aria attributes

  • Ensure the interface is legible and functions with increased font size

  • Give images appropriate alt tags

  • Use a tool to assess color contrast

  • Ensure the interface can be navigated with a keyboard

  • Use focus states (don’t get rid of focus states)