Hiding Elements from Screen Readers with aria-hidden [WAI-ARIA]

ARIA is an acronym for Accessible Rich Internet Applications. ARIA is a set of attributes you can add to HTML elements that define ways to make web content and applications accessible to users with disabilities who use assistive technologies (AT). In this short video, we will discuss aria-hidden and give practical examples on how to use it to hide text and elements from screen readers while making it visible to sighted users. Accessibility Discord Group -   / discord   Support me on Patreon -   / accessibilityeducation   --- Enroll in my accessibility courses: macOS VoiceOver Testing: An Absolute Beginner's Guide - https://www.udemy.com/course/macos-vo... WCAG 2.1 / 2.2 Simplified With Examples - https://www.udemy.com/course/web-cont... Creating Accessible Websites - https://www.udemy.com/course/creating... ARIA - https://www.udemy.com/course/introduc... Comment, like and subscribe. Video Chapters: 0:00 What is aria-hidden? 0:12 Simple aria-hidden example 2:25 Practical aria-hidden examples 3:16 The 3 aria-hidden values 3:31 aria-hidden button example and troubleshooting