UX design
fromMedium
5 days ago3 color contrast mistakes designers still make
WCAG color contrast extends beyond text to UI components, links, and data visualizations, requiring non-text contrast and specific rules to ensure accessibility.
When he took this image, Beijing-based Li was visiting Norway and Iceland with friends, on a trip focused on sightseeing and photographing the aurora borealis. He captured this picture while exploring Sakrisy, a small island in Lofoten, Norway. In the foreground sits this distinctive yellow homestay; in the background, Olstinden mountain. It had snowed heavily all day, Li recalls. As I was setting up to capture this scene, the snow stopped and the sun came out, which made the perfect environment for taking photos.
Per The WebAIM Million report, low contrast text represents 79.1% of all errors on the 1M homepages they analyzed via automated testing. People with low vision often struggle with text that blends into its background, especially if they also have a color vision deficiency. And as people like you and me age, this becomes especially important. Ensuring a minimum contrast ratio between text and background makes it easier to read, even for those who see limited or no color.