Buttons

How to Fix Apple’s Illegible White Button Labels

You may not have noticed this, but many apps and websites use white text labels on their buttons. Designers love using white labels on colored buttons because the white makes the text label pop against the background.

However, using white button labels can sometimes get you in trouble. Apple’s Facetime app has this problem with its green buttons. As you can see, the white text label isn’t legible or accessible. Users with visual impairments will experience the worst of these adverse effects.

It’s surprising how a powerhouse design company like Apple overlooked such a glaring issue. At the same time, it’s not surprising because many designers tend to use white button labels without much thought.

Apple is using their neon green brand color, but it’s not even close to accessible. Its accessibility ratio is about a 1.3, which is well below the minimum requirement of the 4.5 ratio. It’s for this reason that you shouldn’t always use your brand color on buttons (article).

Subscribe to read the full article

Become a paying subscriber of UX Movement Newsletter to get exclusive access to this article and other subscriber-only content.

Full article Subscribe


Book

Affiliate

elegant wordpress themes

Leave a Reply

Your email address will not be published. Required fields are marked *