Website design and accessibility review — Webflow 101 (Part 9 of 10)

In this lesson, we review the design and accessibility of our site, and tune it to make sure it’s fully accessible — so all site visitors, including those who are Blind, low vision, visually disabled, Deaf, hard of hearing, or who have cognitive, learning, or mobility disabilities, can use our site. Learn more about how to make your site accessible and follow our Webflow Accessibility checklist when creating your site.

00:00 — Introduction
00:13 — 1/16 (Add hover on the nav links)
01:01 — 2/16 (Link destinations)
03:05 — 3/16 (Remove perfect and exactly. Add link to button)
03:59 — 4/16 (Change size of H1. Set H1 line height to unitless)
04:52 — 5/16 (Change text on Body to pure black)
05:42 — 6/16 (Change size of Hero paragraph. Set Body line height to unitless)
06:35 — 7/16 (Center Trusted by in Logos section)
06:57 — 8/16 (Optically balance logos)
07:49 — 9/16 (Edit Success and Error messages in Form)
08:27 — 10/16 (Adjust logo section to 3 x 2 grid in Tablet)
08:49 — 11/16 (Reduce card section grid gap to 10px in Tablet)
09:17 — 12/16 (Optically align logo and menu icon in navbar)
10:31 — 13/16 (Add margin to Submit button in Mobile landscape)
10:52 — 14/16 (Add alt text to all images)
12:40 — 15/16 (Clean up unused classes)
12:51 — 16/16 (SEO Settings and Open Graph Settings)
15:09 — Outro
15:33 — CTA: Thank you for watching

----------

[dariakyselyova]

You’ve made great videos! Thank you for the course.

[TrezStudio]

😁😁 we need a serious romantic movies of these two host 😁😁😁

[anelyabarzhukova]

black screen was super engaging guys, best part of this course i might say haha

[Joshuajulius-ef]

i can't find the file to the webflow course

[basuki]

Search interest in India: Webflow 6% vs. WordPress 94%. Do you think Webflow will reverse this trend in the next 5 years? How confident is the Webflow team about this potential shift?

[onus]

I'm just trying to learn webflow, why am I smiling... freaking black screen