Skip to Content

Documentation

Accessibility Improvements at LogicGate

Where to Begin?

1. Start Small

What do we Attack First?

1. Using aria-label

How do we Know We’re Helping?

  • Can we focus on interactive elements using the tab key?
  • Is there a visual indicator making it clear which item has focus?
  • Can we interact with elements using common keys (enter, space, arrow keys, etc.)?
Screenshot of toolbar from LogicGate application with active focus on the notifications icon.
We use an outline on many items to more easily show when an element has focus.

  • Does the element take advantage of aria attributes?
  • Are state changes announced when an element is toggled or changes states?

What’s Next?