Skip to main content
January 4, 202118:12

Getting Started with ARIA in Webflow

By Samuel Gregory

About this video

We apply ARIA roles to our Webflow tabs system we built in the previous episode. πŸ’» The Code: https://codepen.io/FakeSamGregory/pen/poELLye πŸ“– ARIA Documentation: https://www.w3.org/TR/wai-aria-practices-1.1/ πŸ•ΈοΈ All HTML Elements; https://www.w3schools.com/tags/default.asp ⏰ Timestamps 00:00 - Intro 00:33 - What is ARIA? 01:16 - Important Announcement 03:18 - Hearing a Screenreader (Mac) 04:14 - ARIA Role & Properties/States 05:15 - ARIA Documentation and Tabs Examples 09:27 - Implementing ARIA on Tabs System 14:15 - Modifying Our JavaScript 15:40 - The Result - Afilliated With Webflow: https://bit.ly/2ZzlJnd Namecheap: https://namecheap.pxf.io/P53Az Get to know me! Instagram: @fakesamgregory X: https://x.com/@0x5am5 - #Webflow #ARIA #WebAccessibility