From the course: Designing with the WCAG 2.2 Guidelines
Unlock the full course today
Join today to access over 24,600 courses taught by industry experts.
Visual contrast and accessibility - Figma Tutorial
From the course: Designing with the WCAG 2.2 Guidelines
Visual contrast and accessibility
- [Instructor] Many of your users won't be able to access your site when your text is too light to read. Let's jump in and talk about incorporating contrast accessibility in your design process. Contrast requirements are confusing to implement without a tool. Contrast ratios of 4.5 to one for small text and three to one for large text are required. If that makes perfect sense to you and you would like to calculate each time, I applaud you, but I need a tool. If your site is already live, then start with an accessibility checker website. Just Google accessibility checker and you'll find a variety. When you copy and paste your URL into the checker on their site, the test will reveal accessibility errors in the design, ranging from text, contrast, and development tags. This check is great for an initial review, but it may not work for a quick update each time we make design changes. So in Figma, we're reviewing the cards…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.