Accessible colors for user interfaces

By Medium - 2020-12-08

Description

As a designer, you should use high contrast colors. It will help users of websites and apps to perceive the content, regardless of visual impairments, technical restrictions, and external influences…

Summary

  • WCAG Color Contrast As a designer, you should use high contrast colors.
  • To get an overview of all colors, we look at the whole color wheel using the HSB color space.
  • 36 colors that reach the WCAG AA requirements and a second line of the same colors with improved brightness 36 colors that reach the WCAG AA requirements arranged based on their brightness Colors for AA contrast ratio With this method, we have now selected colors, which approximates ​​how specific colors behave.
  • 1 to keep the colors bright and clear.

 

Topics

  1. UX (0.5)
  2. NLP (0.16)
  3. Management (0.12)

Similar Articles

The Principles of Dark UI Design

By Medium - 2020-12-16

Dark UIs can be stylish, dramatic, and elegant. But despite the potential benefits, they come with many challenges and potential pitfalls.

Implementing Neumorphism in user interfaces

By Medium - 2020-11-27

Became viral a few months ago, Neumorphism has emerged as a must-have interface design for all designers. The term Neumorphism refers to an approach that uses a combination of highlights and shadows…

Aurora UI — new visual trend for

By Medium - 2021-03-09

UI design and especially its more artistic, visual side is constantly evolving. While most current products repeat the same, trusted and well-known IA patterns, UI and the Value Proposition are the…