How to build a toggle button - A11ycasts #25
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

▶︎
Testing Shadow DOM with aXe Coconut - A11ycasts #26

▶︎
Alerts! -- A11ycasts #10

▶︎
Accessible Modal Dialogs -- A11ycasts #19

▶︎
lit-HTML (Chrome Dev Summit 2017)

▶︎
The art of labeling -- A11ycasts #12

▶︎
Ex-Google Recruiter Explains Why "Lying" Gets You Hired

▶︎
If Prime Numbers Become Increasingly Rare, Then Why Do They Keep Showing Up In Pairs?

▶︎
Creator of C++: Bell Labs, Negative Overhead Abstraction, Mistakes | Bjarne Stroustrup

▶︎
The French Do Not Care About Work

▶︎
I Think They Are Lying To You

▶︎
How AI agents & Claude skills work (Clearly Explained)

▶︎
Andrej Karpathy: From Vibe Coding to Agentic Engineering w/ Stephanie Zhan

▶︎
Can I Create Accessible CSS Toggle Buttons?

▶︎
How to Label Custom Elements - A11ycasts #24

▶︎
Passkeys Explained: Are They Actually Better Than Passwords?

▶︎
Intro to ARIA -- A11ycasts #13

▶︎
Screen Reader Basics: VoiceOver -- A11ycasts #07

▶︎
4 Hours Chopin for Studying, Concentration & Relaxation

▶︎
Something is jamming GPS over Europe. Here's what we found

▶︎
