Intro to ARIA -- A11ycasts #13

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=g9Qff0b-lHk


Duration: 9:16
111,742 views
2,104

ARIA 1.1 Spec: https://goo.gl/1rGD7S
ARIA Authoring Practices 1.1: https://www.w3.org/TR/wai-aria-practices-1.1/

Here on a11ycasts I always try to encourage developers to use native controls rather than roll their own mainly because you get semantics and keyboard functionality for free. But there are situations where you need to build something and there's no native analog in the platform. For these occasions when you need to go offroad and build your own control, the Web Content Accessibility Initiatives Accessible Rich Internet Applications spec (WAI-ARIA) can help you add in the semantics your new custom control is missing. Today on the show I'll cover what ARIA is from a high level and show off some of the features and relationships ARIA let's you take advantage of.

Why do semantics matter?
https://www.youtube.com/watch?v=g2tzEil5TL0

Watch all A11ycasts episodes: https://goo.gl/06qEUW

Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: http://goo.gl/LLLNvf



Other Videos By Chrome for Developers


2017-03-08Chrome 57: Grid based layouts, Media Session API and more
2017-03-03Form Validation (The Standard, Ep. 5)
2017-03-03Theming (The Standard, Ep. 6)
2017-03-03Building a Media Player #8: Styles and Critical Render Path
2017-02-28Building a Media Player #7: Media Session API
2017-02-24States and Properties in ARIA -- A11ycasts #14
2017-02-24Building a Media Player #6: Building a Custom Video Player and Controls
2017-02-21Building a Media Player #5: The Server-side Node.js Code
2017-02-15Asynchronous Actions with Redux -- Polycasts #62
2017-02-15Building a Media Player #4: DASH Manifests and an Offline Prototype
2017-02-10Intro to ARIA -- A11ycasts #13
2017-02-08Building a Media Player #3: Median Cut and Color Extraction
2017-02-03Building a Media Player #2: MSE, HLS, and DASH
2017-02-01Building a Media Player #1: Intro
2017-01-31WebRTC Use Cases (Kranky Geek WebRTC Brazil 2016)
2017-01-31WebRTC Update (Kranky Geek WebRTC Brazil 2016)
2017-01-31Debugging Tools and Techniques for WebRTC (Kranky Geek WebRTC Brazil 2016)
2017-01-31Servers for WebRTC: It is not all Peer to Peer (Kranky Geek WebRTC Brazil 2016)
2017-01-31Making Sure Every Call Works (Kranky Geek WebRTC Brazil 2016)
2017-01-31Introduction to WebRTC Statistics and getStats() API (Kranky Geek WebRTC Brazil 2016)
2017-01-31WebRTC A Quick Introduction (Kranky Geek WebRTC Brazil 2016)


Tags:
Chrome
Developers
Google
Web
product: chrome
fullname: Rob Dodson
Location: MTV
Team: Scalable Advocacy
Type: Screencast
Other: NoGreenScreen
Accessibility
Development
a11y
Rob Dodson
screenreader
web accessibility
accessibility
accessible
ARIA
GDS: Yes;