ARIA HTML Tutorial - What is ARIA & Why it's Important to Use!

linode.com/designcourse - Use code 'DESIGNC19' to get $20 credit on your new Linode account!
- Today, we're going to touch on an often overlooked subject in frontend development, although it's very important. And that is ARIA. ARIA is an acronym that stands for "Accessible Rich Internet Applications", and it's a set of attributes that help make your websites/web apps more accessible/usable to people with disabilities, such as blindness.

While there are many ARIA attributes and different use cases, we're not going to take a look at all of them. The purpose of this video instead, is to shine a light on the importance of understanding and using these attributes. With the assistance of a chrome plugin (ChromeVox), you will find out just how difficult it can be to navigate your way around a UI without sight -- and how using these ARIA attributes will help the user experience.

Some resources:
w3.org/TR/html-aria/
developers.google.com/web/fundamentals/accessib…

ChromeVox (Free chrome extension):
chrome.google.com/webstore/detail/chromevox-cla…
-- To disable/enable the plugin, the shortcut is SHIFT-ALT-A-A

NVDA screen reader (Free screen reader for Windows):
nvaccess.org/

Let's get started!

#accessibility #frontend

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

My site: designcourse.com
My personal FB account: fb.com/logodesigner
Coursetro FB: fb.com/coursetro
Coursetro's Twitter: twitter.com/designcoursecom

Join my Discord! discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!