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
Смотрите видео Hiding Elements from Screen Readers with aria-hidden [WAI-ARIA] онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Web Accessibility Education 30 Октябрь 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 13,881 раз и оно понравилось 168 людям.