The UX&a11y tips

Share this post

The UX&a11y tips
Buttons low transparency confuse users with color blindness
Copy link
Facebook
Email
Notes
More

Buttons low transparency confuse users with color blindness

Stas Melnikov
Nov 18, 2024

Share this post

The UX&a11y tips
Buttons low transparency confuse users with color blindness
Copy link
Facebook
Email
Notes
More
Share
The NHL app. There is a carousel with videos. There are two arrow buttons under it. The first one the back arrow switches the carousel to the previous videos, the second one with the next arrow switches to the next ones. Now the first one is not active, but it is visually displayed. It has a light gray arrow on a white background. I click on the second button to watch the following videos. The first button has changed color to blue. Hmm, I wonder if only the color changes, will all users notice it?
Another example. The Preply app. There is a carousel with blocks with information about teachers. A forward arrow button is displayed on the right side. It switches the carousel so that it displays the next teachers. Visually, it has an outline around the arrow. Lower it. Oh! A button with a back arrow appeared on the left side. It switches the carousel to the previous teachers. Visually, the button is framed. That's exactly how easy it is to notice!

Subscribe to The UX&a11y tips

By Stas Melnikov · Launched 3 years ago
the tips about accessibility that help to make apps more user-friendly

Share this post

The UX&a11y tips
Buttons low transparency confuse users with color blindness
Copy link
Facebook
Email
Notes
More
Share

Discussion about this post

Ready for more?

© 2025 Stas Melnikov
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great culture

Share

Copy link
Facebook
Email
Notes
More

Create your profile

undefined subscriptions will be displayed on your profile (edit)

Skip for now

Only paid subscribers can comment on this post

Already a paid subscriber? Sign in

Check your email

For your security, we need to re-authenticate you.

Click the link we sent to , or click here to sign in.