Color Contrast

Our journey through the colour wheel and back again… How much attention have you ever paid to the colours used within a data graph or chart? To many people, they might seem meaningless and perhaps even unimportant, but to us at Auto Trader they’re crucial. The retailers who use our…

To synchronize the color contrast between the background and the text should be a UI guy’s job, right? That’s true in 99.9% of the cases. However, some situations require a bit of tinkering and thinking out of the box. I had a situation in one of the previous companies that…

Color contrast is the use of complementary colors from the opposite side of the color spectrum. Simply it means making the foreground stand out from the background. Using such complementary (contrasting) colors for text, and images in web pages will maximize the recognizability and readability for all users. Why is it important? Color vision…

90% of the world’s population spends their life on the internet. Mockitt would say that the internet has changed our way of thinking and lifestyle. Those who are making their living online must know how important it is to create a UX design. …

Web Content Accessibility Guidelines (WCAG) 2 requires sufficient color contrast between foreground and background. The required color contrast ratio can be different depending on the content type and success criteria. CSS Preprocessor Less has contrast() function. It selects one from two colors based on their contrast against another color. choose…

The Americans with Disabilities Act was signed into law in 1990. This fundamentally changed how we designed spaces and created inclusive experiences. However, the law came before the Internet and designing for digital experiences. As our designs and technology have evolved, so have the guidelines for making them inclusive. The…

I recently gave a presentation for Maxability about color contrast. This is a complex topic and could never be fully covered in one hour. …

Color is an inherent part of design. Designers have been known to agonize over choosing a hue or hexcode in the hopes of conveying a specific mood or message in a design. Maybe you can relate. …

Since December, there’s a been a surprising amount of buzz around neomorphism, touting it as the great visual design trend of 2020. In case you’ve been hibernating and haven’t seen any of the hype, neomorphism is a design trendlet where very subtle gradients are used to denote layout elements. It’s…