Part of 100+ video lessons
Short, step-by-step lessons you can rewatch anytime.
Hands-on project
Follow along in the host project and build as you learn.
Certificate path
Counts toward your Framer Fundamentals certificate.
Work through images, colour and type, then the per-layer settings.
Describe what the image actually shows, so a screen reader can read it out.
Test text against its background, and keep sizes and line length readable.
Per layer, choose what to expose, and skip sections Googlebot doesn't need to read.
WRITE ALT TEXT THAT EARNS ITS PLACE
Describe the content of the image rather than repeating the file name.
KEEP COLOUR AND TYPE READABLE
Check contrast and typography so the page works for everyone.
CONTROL WHAT GETS READ AND CRAWLED
Skip a section for Googlebot when it isn't relevant to search.
Forms in Framer
Build a form visually, give every field a unique name, and send submissions to email, a Google Sheet or a webhook. No code needed.
Breakpoints in Framer
Breakpoints are different layouts of the same page for different screen sizes. Set up desktop, tablet and phone so one page works everywhere.
CURRICULUM
WHAT YOU’LL LEARN IN THIS COURSE
In the Ultimate Framer Masterclass, you’ll master Framer from the ground up. Follow real projects, get expert feedback, and finally design and ship the way you’ve always wanted to.
Run through one page: add alt text to every meaningful image, check contrast on your text, then set the accessibility options per layer.
10:47
PUBLISH CHECKLIST
Alt text on every meaningful image
Contrast checked
Type sizes readable
Accessibility options set per layer
Sections skipped where sensible
Checked on mobile
TRY IT OUT
Cesar Rodrigues
Founder, Craate Creative
FREQUENTLY ASKED QUESTIONS
Everything you need to know about this lesson.
Is Framer good for accessibility?
Yes. Framer gives you alt text on images, contrast and type control, and per-layer accessibility settings. Get those four right and most of what an accessible site needs is covered, without code.
How do I add alt text to an image in Framer?
Select the image and add alt text in the properties panel. Describe what the image actually shows rather than repeating the file name, so a screen reader reads out something useful.
Can I hide a section from screen readers or Google in Framer?
Yes. Each layer has accessibility options that control what gets exposed, and you can skip a section for Googlebot when it isn't relevant to search.
CERTIFICATION
BECOME A CERTIFIED FRAMER MASTER
Earn 3 official certifications that show you don’t just know Framer, but you can
design, build, and execute real pixel-perfect sites.
Rated excellent by 900+ students
4.8
Lifetime access
14-day money-back guarantee
Stream anywhere
