We kick off part one of our two part accessibility series, starting with semantics and dipping into more complex concepts like roving tabindex and focus trapping.
Support Word Wrap
Interested in sponsoring the show? Get in touch on our sponsorship form.
You can also become a patron with a small monthly contribution which will help us pay for necessary services to keep a podcast running. Thanks for your support!
Support Word Wrap on Patreon
Transcript#
Claire:
Hi.
Steph:
Hey,
Claire:
I’m Claire
Steph:
and I’m Steph.
Claire:
And this is Word Wrap.
Steph
Today, we’re bringing you part one of a two part series we’re doing about accessibility. And our first one here we’re going to talk about some common accessibility failure scenarios.
So I’d like to start with a little game. Your currently open project or your current work project has 50 points. Lose 15 if you tab around and visually get lost. Lose 15 if there are any contrast failures. Lose 10 for disassociated labels and inputs. Lose five for images or icons without alt text. And lose five for missing landmark roles and labels.
Now, if any of those terms were new to you, hold on. We’re going to talk about them. But if you do this little test, be sure [...]