Colour Accessibility
- Antonella Scarin
- May 11
- 1 min read
As part of this exercise, I selected an existing layout and recreated it in Figma, using it as an opportunity to improve typography, layout, and, most importantly, test colour accessibility. All colour combinations in my design meet the WCAG AA contrast ratio of 4.5:1 or higher.
I created a colour contrast chart using https://colourcontrast.cc/ and labeled all hex values and ratings accordingly. This was a great way to better understand colour accessibility and how design choices affect readability.
Here some examples!
Pro tip: Figma recently launched an integrated contrast checker, super helpful for quick checks! You can learn more about it here: https://www.figma.com/color-contrast-checker/
留言