hard20 pts · first answer countsaccessibilitycolour-contrast

A brand button that fails contrast

The primary button uses 16 px regular white text on brand blue #3B82F6, a contrast ratio of about 3.7:1. Marketing says it passes because "buttons only need 3:1". Who is right?

A.Marketing is wrong: the 3:1 rule covers the button shape against its surroundings, but the label is normal-size text and needs 4.5:1, so use a darker blue such as #2563EB (about 5.2:1) or larger bold textB.Marketing is right; all button text needs only 3:1C.Neither; WCAG has no rules for button textD.It passes because blue is a brand colour and brand colours are exempt

← Designing for low-end phones Text over a photo →