Foreground elements (like content and controls) stand out from the background


Why it matters: It's important for people with visual disabilities and improves user’s learning curve and comprehension. Clear distinction facilitates navigation, brings more attention to buttons and increases usability in general.

How to test it: Cover your eyes so that only small cracks remain. When looking at the product, can you easily tell what’s in the foreground and what’s in the background?

Check out the example: