State Contrast

There are a few things to keep in mind when it comes to contrast when implementing states.

  • The indicator that visualizes a component to be in a certain state should have a contrast of at least 3:1. 1
  • But it is not required that different states have a certain minimum contrast between them. But the states of cause need to be clearly differentiable. 1

Sources 

  1. Non-text Contrast (Level AA) by Accessibility Guidelines Working Group (AG WG) Participants is licensed under W3C Document License
Created at: 08.03.2024, Last updated at: 08.03.2024