University
Home
Search
⌘E
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Videos
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
All coursesAccessibility on the web
Outlines
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Outlines

Without altering the size of an element, use CSS outlines to create a border-like shape around an element’s boundaries, and apply it to focused interactive elements to make your site more accessible for individuals using keyboard navigation.

Outlines

Without altering the size of an element, use CSS outlines to create a border-like shape around an element’s boundaries, and apply it to focused interactive elements to make your site more accessible for individuals using keyboard navigation.

1

Getting started

Coming soon

1

Intro to the Audit panel
7:28
Intro to the Audit panel
Coming soon

1

Alt text for images
8:38
Alt text for images
Coming soon

1

Accessible & inclusive typography
6:06
Accessible & inclusive typography
Coming soon

1

Ensure your text meets color contrast standards
1:11
Ensure your text meets color contrast standards
Coming soon

1

Vision preview tool
6:01
Vision preview tool
Coming soon

1

Legible paragraphs using the CH unit
0:57
Legible paragraphs using the CH unit
Coming soon

1

Outlines
11:01
Outlines
Coming soon

1

Built-in toggle on background videos
2:02
Built-in toggle on background videos
Coming soon

Course progress

0%

Up next

Built-in toggle on background videos

Enable and style the play/pause button on background videos to give your site visitors control and enhance accessibility.
Complete & continue
→
Complete course
✓