FIX Color Contrast – Accessibility in Web & UI Design

FIX Color Contrast – Accessibility in Web & UI Design

Pimp my Type 12K subscribers
10.2K views · 2023-03-14 Interaction & UXUI DesignTypography
📄 Download the PDF Cheat Sheet: https://pmty.pe/color-contrast

Don’t make my mistake – Learn what’s crucial and required about color contrast for text and UI components for your next design project.

💌 Subscribe to the weekly Font Friday Newsletter:
https://pmty.pe/newsletter

💡 Typography Coaching Call
https://pmty.pe/coaching-call

🎥 Eric Egger’s YouTube Channel:
@yatil

Chapters:
0:00 Intro
1:18 Why web accessibility?
2:50 Color contrast for text
3:57 Color contrast for UI components
5:03 1 Add a border
6:03 2 Add additional signifiers
6:37 3 Consider the context
7:42 YouTube filters pass accessibility
8:44 YouTube search box fails
9:09 Action steps with color contrast

#accessibility #webdesign #typography