What Are ARIA Attributes? | What They Are, Why They're Important & How to Use Them #5 | Anuj Singla

In this video, I will explain What WAIARIA is and how to use it in the web application.
Web Accessibility Initiative — Accessible Rich Internet Applications (WAIARIA)
It helps to improve the accessibility of the web to people with disabilities.
WCAG (web accessibility guideline) focuses on static web content, and ARIA
focuses on making interaction or dynamic content more accessible.
Interactions like submitting the form, purchasing from ecommerce,
select value from dropdown, models, and many more.
Note:
You should only use WAIARIA when you need to. Always try to use semantic elements. Try to not use it if not required. It does not modify the DOM or add new functionality to elements. It won't change elements' behavior in any way. It just manipulates elements' representation in the
accessibility tree. It modifies an element's role, name, state, and properties for
assistive technologies.

GitHub project: https://github.com/anujsingla/webacce...

⏰ Timecodes ⏰
0:00 Introduction
01:07 What Are ARIA Attributes?
03:07 Special note for ARIA Attributes
07:07 Features of ARIA Attributes
13:07 What is the Difference between arialabel, arialabelledby, and ariadescribedby?
17:07 Examples of the ARIA Attributes
25:07 Conclusion

Resources:
https://www.w3.org/WAI/standardsguid...
https://www.a11yproject.com/
https://developer.mozilla.org/enUS/d...
https://developer.mozilla.org/enUS/d...
https://reactjs.org/docs/accessibilit...

Support my channel:
https://www.buymeacoffee.com/anujsingla

(Free Courses)
React course : https://bit.ly/3qXnSYU
Javascript course : https://bit.ly/3qYCG9u
Typescript course : https://bit.ly/3qY9Fe6
Frontend Interview Questions and Answer    • Frontend Interview Questions and Answer  
HTML Tutorial for Beginners to advance    • HTML Tutorial for Beginners to advance  
NPM    • NPM  
Remix run React framework Tutorial in Hindi    • Remix run React framework Tutorial in...  

(Social Media Links)
Twitter :   / singla387  
Facebook page : https://bit.ly/3nZlyyx
Telegram : https://bit.ly/3nX2v8f
LinkedIn : https://bit.ly/3rIMt2A



About Me:
I am Anuj Singla, and working as a Principal Software Engineer at Redhat. At Redhat, I spend most of my days writing code. I am working on different technologies like React, Angular, JavaScript, NodeJs, and Typescript. I want to teach web development to everybody. I am also handling meetup events for Remix India Online https://www.meetup.com/remixindiaon...

Tags :
#webaccessibility #w3c #anujsingla #a11y #framework #react #typescript #hindi #html #css