How to build a toggle button - A11ycasts #25

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


Category:
Guide
Duration: 17:53
26,572 views
439

Today we'll walk through building an accessible toggle button. A toggle button is just a button with two states: pressed, and unpressed. It's a pretty simple control, but it'll allow us to show off a number of best practices for building accessible custom elements.

ARIA Authoring Practices 1.1: Button: https://goo.gl/bx42jW

Custom elements: https://goo.gl/9xUH4Y

HowTo: Components: https://goo.gl/MfL1f5

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-10-19Caching Strategies - Supercharged
2017-10-17Chrome 62: Improved Network Information API, Support for OpenType Variable Fonts and more!
2017-10-13Testing Shadow DOM with aXe Coconut - A11ycasts #26
2017-10-13Chrome 62 - What's New in DevTools
2017-10-12CSS Grid - Supercharged
2017-10-11How the Web Competes with Native -- Designer vs. Developer #12
2017-10-10Imposter Syndrome - HTTP203
2017-10-09Uploading an Image - Developer Diary #Day1
2017-10-06Managing Your Bundle Size - Totally Tooling Tips
2017-10-05Aspect Ratio Hack - Supercharged
2017-09-29How to build a toggle button - A11ycasts #25
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


Tags:
GDS: Yes
A11ycasts
accessibility
toggle button
how to build a toggle button
how to components
custom control
accessible custom elements
custom elements
ARIA
Aria authoring
button widget
accessible design
designing for accessibility
html tag
elements
element
element attributes
assistive technology
chrome accessibility
chrome developers
chrome
developers
product: chrome
fullname: Rob Dodson
Location: MTV
Type: DevByte
Other: NoGreenScreen