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.
Questions? Comments? Concerns? Drop a comment down below!
Interested in learning more about Accessibility? Check out my top rated Udemy courses for more details!
Web Content Accessibility Guidelines: https://bit.ly/3kH6qlK
Creating Accessible Websites: https://bit.ly/35OFkTx
Feeling social? So am I. Connect with me on Facebook: / stefanywebdesign
Have some spare change? Buy me a coffee: https://ko-fi.com/stef
Thank you for your continued support in liking, sharing, and watching my videos. Hit the Subscribe Button for more educational accessibility content just like this :-)
Stefany
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
Watch video Hiding Elements from Screen Readers with aria-hidden [WAI-ARIA] online without registration, duration hours minute second in high quality. This video was added by user Web Accessibility Education 30 October 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,881 once and liked it 168 people.