What Are ARIA Attributes? | What They Are, Why They're Important & How to Use Them #5 | Anuj Singla
ฝัง
- เผยแพร่เมื่อ 28 ก.ค. 2024
- 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 WAI-ARIA is and how to use it in the web application.
Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA)
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 e-commerce,
select value from dropdown, models, and many more.
Note:
You should only use WAI-ARIA 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: 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 aria-label, aria-labelledby, and aria-describedby?
17:07 Examples of the ARIA Attributes
25:07 Conclusion
Resources:
www.w3.org/WAI/standards-guid...
www.a11yproject.com/
developer.mozilla.org/en-US/d...
developer.mozilla.org/en-US/d...
reactjs.org/docs/accessibilit...
Support my channel:
www.buymeacoffee.com/anujsingla
(Free Courses)
React course :- bit.ly/3qXnSYU
Javascript course :- bit.ly/3qYCG9u
Typescript course :- bit.ly/3qY9Fe6
Frontend Interview Questions and Answer - • Frontend Interview Que...
HTML Tutorial for Beginners to advance - • HTML Tutorial for Begi...
NPM - • NPM
Remix run React framework Tutorial in Hindi - • Remix run React framew...
(Social Media Links)
Twitter : / singla387
Facebook page : bit.ly/3nZlyyx
Telegram : bit.ly/3nX2v8f
LinkedIn : 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 - www.meetup.com/remix-india-on...
Tags :-
#webaccessibility #w3c #anujsingla #a11y #framework #react #typescript #hindi #html #css