The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
How to Make Your Webflow Site Actually Accessible
Most Webflow builds treat accessibility as an afterthought — a quick pass with the built-in checker before handoff. That's not enough. Accessible sites load faster, rank better, and convert better. Here's the quick checklist I run on every project.
Use real headings Don't fake an H2 with a styled div. Keep heading order H1 → H2 → H3, no skipping levels — screen readers navigate by structure.
Write real alt text For every image, ask: "If someone couldn't see this, what would they need to know?" Mark decorative images as decorative. Skip "image of..." — screen readers already say it's an image.
Fix your contrast Light gray on white looks nice, reads badly. Aim for 4.5:1 on body text, 3:1 on large text. Webflow's Designer flags this for you.
Make it keyboard-friendly Tab through your site with no mouse. Custom div buttons need tabindex="0" and visible focus states. Never strip outline: none without a replacement.
Label your forms Placeholders aren't labels — they vanish once someone types. Give every input a real (visible or sr-only).
Respect motion settings Wrap heavy parallax/autoplay in prefers-reduced-motion so users who need it get a calmer experience.
Use semantic landmarks Swap generic divs for , , , so screen reader users can jump straight to content.
Test it once, for real Turn on VoiceOver or NVDA and complete one flow — a form, a booking, a blog read. You'll spot the biggest gaps in minutes.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
You’re looking for a designer and land on one of these.
Same person, same photo, two very different introductions.
Which one makes you want to see their work?
70 voted
52%
64 voted
48%
134 votes
Closed
the two intros feel very different. which one won?
One of my first solo projects for an AI startup, around two years ago.
I worked directly with BRYO’s two founders, taking the brand from early strategy through to a complete visual system and the touchpoints they needed to start putting it into the world.
Looking back, there’s a lot I’d approach differently now. But that’s also what I like about revisiting older work. It was a huge learning experience and one of the first projects where I got to think about a brand as a whole system, not just an identity.
And the nice part: it did its job.
The brand carried BRYO through those early two-person stages, and the identity is still part of the company today as they’ve secured funding, grown the team and moved forward with a pretty ambitious vision for industrial AI.
Finally put the full case study together here ↓
Premium Design :)
Luxury Spa & Wellness Website
A calming, premium website designed for a spa and wellness business. It presents treatments, packages, facilities, therapists, and appointment options through an elegant and relaxing interface.
