Read time: 50 seconds

Have you designed for logical focus behaviour on interactive elements?

  • Jiang is blind and uses a screen reader to navigate the web – when a modal pops up and doesn’t receive focus Jiang may not even know it’s there.

Steps to take

  1. Work with your front end designer to identify any interactions on the page that require JavaScript or that can’t be created using default HTML elements.
  2. You should intentionally design how focus flows through these interactions.
  3. Read our information about focus visible. It includes advice on best practice colour combinations.

Web Content Accessibility Guidelines

Next page: Navigation shortcuts

Page last updated: 24 September 2020