Accessibility Bug Lab

Pick one bug, inspect the component, then reveal the explanation.

Example 1

Product action button

This button represents a primary action in a shopping flow.

Reveal fixed version

Corrected component

Reveal explanation

Axe rule: color-contrast

What is wrong?: The text color is too close to the background color, so the button is hard to read.
Why does it matter?: Low contrast affects users with low vision, color vision differences, older displays, and bright environments.
How can we fix it?: Use foreground and background colors that meet WCAG contrast requirements. Normal text usually needs at least 4.5:1.