Intro & overview
Welcome to the Accessibility on the web course!
Building a website isn't just about how it looks. It’s about making it usable for everyone. That's what accessibility is all about — designing websites that everyone can navigate, interact with, and understand, including those who rely on assistive tools like screen readers, keyboard navigation, or magnification software.
In this course, you’ll learn how to identify and fix common accessibility issues in Webflow, use built-in tools like the Audit panel, Vision Preview, and Color Contrast checker, and apply WCAG best practices to create more inclusive web experiences.
Who is this course for?
This course is designed primarily for website designers—anyone responsible for designing, structuring, and optimizing web content, and who has design permissions for their Webflow site. Whether you're working on a personal project, a client website, or a large-scale business site, accessibility should be a core part of your workflow.
By the end of this course, you’ll have the knowledge and skills to design for accessibility with confidence.
What you’ll learn
This course consists of 7 video lessons, each focusing on a key aspect of accessibility:
- Accessibility in Webflow: Learn how accessibility impacts users and how Webflow can help you make your site more accessible.
- Intro to the Audit Panel: Learn how to use Webflow’s Audit panel to identify and fix common accessibility issues.
- Alt Text for Images: Learn how to add alt text for images to make your site more accessible and improve your SEO.
- Accessible & Inclusive Typography: Learn how to design readable, accessible typography using contrast, spacing, and alignment.
- Legible Paragraphs Using the CH Unit: Learn how to use the CH unit to limit the number of characters per line in a text element.
- CSS Outlines: Learn how to enhance keyboard navigation by using CSS outlines for focus indicators.
- Built-in Toggle on Background Videos: Learn how to make autoplaying videos more accessible with Webflow’s built-in play/pause controls.
At the end, you’ll get a list of key accessibility resources, instructions for a hands-on practice activity, and a final quiz to test your knowledge.
Tip: Throughout this course, you’ll see references to Webflow’s Accessibility Checklist—your go-to guide for tracking progress and following best practices. Make sure to bookmark it for easy reference!
Ready, set, go!
There are no prerequisites for this course, but here are a few ways to set yourself up for success:
- Find your way around – Learn how to navigate Webflow University lessons, courses, and learning paths, including how to mark items complete.
- Get ready to practice – The best way to learn is by doing! Try following along in your own Webflow project as you go through each lesson.
- Test your knowledge – When you’re feeling ready, click Test your knowledge in the Assessments section of the course progress box to reinforce what you’ve learned.
- Bookmark the Accessibility Checklist – This checklist will be your guide for evaluating and improving accessibility in your Webflow projects.
Now, let’s get started!