Search code examples
hoverfocusaccessibilitycontrastwcag2.0

Do the Web Content Accessibility Guidelines apply to secondary states of links/buttons?


Is it good enough that all text+background combinations pass the level AA contrast guidelines in their default states (i.e. contrast ratio of 4.5:1)?

We have some links and buttons where the background changes opacity on hover/focus and this then doesn't pass the contrast check. Can anyone confirm if that's a problem or if it's acceptable so long as the default state passes?


Solution

  • It's a major problem.

    If WCAG requires you to have a contrast of 4.5:1 between background and text color, it obviously applies to focused links which are the very first thing a user will want to read when tabbing around a web page.