How to Label Custom Elements - A11ycasts #24

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


Category:
Guide
Duration: 7:30
13,146 views
293

Custom Elements are a very cool new set of technologies that let developers define their own HTML tags. But when we create new elements, we need to make sure they include all of the same usability and accessibility affordances as the built-in tags. Today we'll be talking about labeling, and how you can make sure your custom elements have a properly computed accessible name.

The art of labeling: https://goo.gl/ZfjvRb

How to enable accessibility inspection in the DevTools: https://goo.gl/aHybFr

HowTo: Components on GitHub: https://goo.gl/mxz7kM

HowTo: Components - Overview: https://goo.gl/zVGRo2

Pull request for howto-label on GitHub: https://goo.gl/vE8BWL

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-09-28WebGL Image Processing: Live Code Session - Supercharged
2017-09-27Designing for the Next Billion Users -- Designer vs. Developer #11
2017-09-26Web Standards & Flash - HTTP203
2017-09-25Creating a Camera App - Developer Diary #Day0
2017-09-21Dockerize your App - Supercharged
2017-09-14ES6 Modules - Supercharged
2017-09-13Learn How to Design -- Designer vs. Developer #10
2017-09-08Lighthouse - Totally Tooling Tips
2017-09-07Font-Display - Supercharged
2017-09-05Chrome 61: JavaScript Modules, WebUSB, WebShare and more
2017-09-01How to Label Custom Elements - A11ycasts #24
2017-08-31Async-Await - Supercharged
2017-08-30Beating Your Imposter Syndrome -- Designer vs. Developer #8
2017-08-25Chrome 61 - What's New in DevTools
2017-08-25GitHub Workflow Pro-Tips - Totally Tooling Tips
2017-08-25Chrome Developers Channel Trailer
2017-08-25Polymer Summit 2017 Highlights
2017-08-23Polymer Team Panel (Polymer Summit 2017)
2017-08-23Supercharged Live Live Live! (Polymer Summit 2017)
2017-08-23ES6 Modules in the Real World (Polymer Summit 2017)
2017-08-23Web Components for VR (Polymer Summit 2017)


Tags:
Chrome
Developers
Google
Web
custom elements
labeling
labeling custom elements
accessibility
a11y
developer
web developer
tags
built-in tags
custom elements and accessibility
accessibility and custom elements
devtools
dev tools
developer tools
chrome developer
product: chrome
fullname: Rob Dodson
Location: MTV
Team: Scalable Advocacy
Type: DevByte
Other: NoGreenScreen
GDS: Yes;