Webflow Accessibility: Visual Disabilities (WCAG 2.2 Guide)

Learn how to make your Webflow websites accessible for visually impaired users and WCAG 2.2 compliant, with practical examples and real implementations. In this video, I cover key accessibility principles and show what to do (and what to avoid) so your sites are usable for everyone.

0:00 Intro
1:20 Font selection for legibility (AA)
4:05 Text styling for legibility (AA)
9:04 Resize text (AA)
11:48 Color as meaning (AA)
13:46 Sufficient contrast (AA + AAA)
17:59 Visual presentation fully customizable (AAA)
19:57 Visible focus indicators (AA)
22:10 Enhanced focus appearance (AAA)
22:42 Focus not obscured enhanced (AAA)
23:02 Semantic HTML and heading hierarchy (AA)
29:31 ARIA labels (AA)
32:42 Alt text for images (AA)
35:06 No images of text at all (AAA)
36:26 Skip-to-main link (AA)
41:07 Localization & Language of page (AA)
44:04 Language of parts (AA)
45:20 Outro

Links mentioned:
• Get the clonable: https://webflow.com/made-in-webflow/website/skip-to-main-content
• Google Fonts: https://fonts.google.com/
• Atipo Foundry: https://www.atipofoundry.com/
• Uncut: https://uncut.wtf/
• Fontshare: https://www.fontshare.com/
• Free Fonts in Editable Components: https://www.figma.com/community/file/1355230594764497559/free-fonts-in-editable-components

Part 2 - Hearing & Motor Disabilities: https://youtu.be/2ietBb-4VnM
Part 3 - Cognitive & Situational Disabilities: https://youtu.be/i6Rlufg6WDw

For founders & teams:
• Get a website quote: https://www.bjornflow.com/contact
• Book a Webflow audit: https://www.bjornflow.com/audit
• Book team training & consulting: https://www.bjornflow.com/webflow-mentorship
• View my work: https://www.bjornflow.com/work
• Webflow Certified Partner: https://webflow.com/@bjornflow

For creatives:
• Book a 1:1 mentorship session: https://www.bjornflow.com/webflow-mentorship
• View Webflow experiments & clonables: https://www.bjornflow.com/experiments

Let's connect:
• LinkedIn: https://www.linkedin.com/in/bjorn-encutescu/
• Instagram: https://www.instagram.com/bjornflow/
• TikTok: https://www.tiktok.com/@bjorn_flow
• Twitter: https://x.com/bjorn_flow

Видео Webflow Accessibility: Visual Disabilities (WCAG 2.2 Guide) канала Bjorn Encuţescu