ARIA HTML Tutorial - What is ARIA & Why it's Important to Use!
http://www.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:
https://www.w3.org/TR/html-aria/
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/
ChromeVox (Free chrome extension):
https://chrome.google.com/webstore/detail/chromevox-classic-extensi/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en
-- To disable/enable the plugin, the shortcut is SHIFT-ALT-A-A
NVDA screen reader (Free screen reader for Windows):
https://www.nvaccess.org/
Let's get started!
#accessibility #frontend
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://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!
Видео ARIA HTML Tutorial - What is ARIA & Why it's Important to Use! канала DesignCourse
- 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:
https://www.w3.org/TR/html-aria/
https://developers.google.com/web/fundamentals/accessibility/semantics-aria/
ChromeVox (Free chrome extension):
https://chrome.google.com/webstore/detail/chromevox-classic-extensi/kgejglhpjiefppelpmljglcjbhoiplfn?hl=en
-- To disable/enable the plugin, the shortcut is SHIFT-ALT-A-A
NVDA screen reader (Free screen reader for Windows):
https://www.nvaccess.org/
Let's get started!
#accessibility #frontend
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
My site: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://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!
Видео ARIA HTML Tutorial - What is ARIA & Why it's Important to Use! канала DesignCourse
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Accessibility Fundamentals with Rob DodsonAccessible Web Design: What Is It & How To Do ItScreen Reader Demo for Digital AccessibilityARIA, Accessibility APIs and coding like you give a damn! – Léonie Watson / Front-Trends 2015Learn CSS Position In 9 MinutesJust use button -- A11ycasts #05Do These Things to MAKE your UI Designs BETTERUnderstanding Accessibility: WCAG’s 13 Guidelines with Kasey Bonifacio12 Tips For More Accessible React Apps — Manuel MatuzovićWhy and How to Start Using ARIA TagsScreen Reader Basics: VoiceOver -- A11ycasts #07Learn CSS Display Property In 4 MinutesSelf Taught Programmers... Listen Up.Intro to ARIA -- A11ycasts #13Introduction to Web Accessibility and W3C StandardsWhy do semantics matter? -- #A11ycasts 086 Ways You Keep Screwing up Your Layouts!Accessibility - The State of the WebBefore and After pseudo elements explained - part one: how they work