HTML Progress Bar Tutorial to make it Web Accessible(using ARIA Attributes).
Discover how to make the Progress bar web accessible using WAI-ARIA Attributes and simple Javascript.
We will be making both horizontal and circular progress bars web-accessible.
Progress bars indicate that the user's request has been received and the application is making progress towards completing the requested action.
Do watch the video till the end and let me know what have you used the most recently, HORIZONTAL OR CIRCULAR Progress bar?
📚 Materials/References:
GitHub Code: https://github.com/skillssingh/ADASer...
Online Forums: https://developer.mozilla.org/en-US/d...
Please refer to the following timeline to jump to the section that you are interested in:
Timecodes
0:00 - Introduction to HTML Progress bar?
0:31 - Aria Attributes for HTML Progress Bar
2:41 - Code to make HTML progress bar Accessible.
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.
#Accessibility #Progress bar