Better Popup Modal Accessibility in Webflow with Code

In my last video I highlighted some problems with building modals in Webflow natively. In this video we will walk through some custom code that we can add to any project easily to make our modals behave with greater accessibility and keyboard warriors!

🌶 Simple Modal:    • Simple Popup Modal in Webflow in 9 Mi...  

// CLONE IT
https://try.webflow.com/cloneable-is-...

// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...

// Premium content
🤝 Patreon:   / webbae  
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...

// GSAP Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...

// Connect
🙋‍♀️ Join the Discord:   / discord  
🐥 Follow Me!   / webisbae  

00:00 Intro and Issues
00:35 Accessibility Guidelines Overview
01:00 Project setup
01:28 Start Coding
11:10 Data attributes for screen readers
12:58 Wrapping up