Engrain by ByteRush

QLT.03.04 JuniorCore — asked often

Colour, contrast, text and motion

Comes up in: Web fundamentals

This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.

What it covers

  • contrast ratios (4.5:1 text, 3:1 large text and UI components)
  • not relying on colour alone
  • resize to 200 % and reflow at 320 CSS px
  • text spacing
  • reduced motion
  • target size (2.5.8)

Words you will know

contrast ratioreflowtarget size

What you will practise

  • fix a design system's palette

Interview questions this answers

  • What contrast ratios does WCAG AA require?