Speaking
A collection of links to accessibility talks. Where available, links to videos of the talks are provided.
-
The Many Lives of a Notification
Live regions are one of the most powerful tools for improving screen reader accessibility in web applications. Still, when used incorrectly, they can turn an otherwise good experience into a completely unusable mess. They are fragile and full of undocumented nuances and gotchas, intimidating for the initiated and frustrating for those who regularly deal with them.
How do you make toast notifications work for people using screen magnification software? Why does this one error message stubbornly refuse to work with VoiceOver, even though it's fine with NVDA? How can you tell if you made a mistake, or the browser or screen reader did?
We’ll examine when and why to use or not use notifications, how to build robust live region implementations, and how to debug them. We’ll also review some specific examples, including form errors, loading updates, and announcements in a simple chat application.
-
Weird ARIA: Breaking Down Complex Interactions
ARIA is a set of HTML attributes designed for exposing complex interactions accessibly via assistive technologies. But when interactions get complex, ARIA can get weird.
-
Venturing into unmapped ARIAs
What happens when you need to build UI for an interaction that doesn’t map neatly to any existing HTML element or ARIA pattern? How do you approach decisions about keyboard handling and focus, and what semantics to define? In this talk, we’ll break down how to approach custom UI controls through the lens of two examples: complex data grid interactions, and more advanced trees. We’ll explore how to narrow down valid use cases, explore and prototype potential solutions, and run user tests. Finally, we’ll take a look at specific takeaways from actual usability studies: what’s the best approach for selecting rows in a grid? Filtering data? Slapping extra buttons on tree items? There’s only one way to find out, and it involves bad puns.
-
Debugging Accessibility for Web Developers
Learn how to track down and fix accessibility issues in your web applications using browser dev tools.
This was a more conversational video around debugging accessibility with Chris Heilmann and Jon Galloway.
-
Why are div buttons bad for accessibility, and why should we stop using them?
One of the strengths of HTML and JavaScript is the ability to completely control the user interface. However, some of the techniques we implement can make our application inaccessible. Sarah Higley (@codingchaos) explains the challenges with one of the most common custom controls - the div button, where the developer converts a div tag into something which behaves like a button, but isn't actually one.
-
Debugging Broken Accessibility
Accessibility testing can show you what bugs you have, but not why they occurred or how to fix them. Sometimes this is simple: if an image is missing alt text, you add an alt attribute. Other times you may find yourself with 50 open browser tabs and lacking a few handfuls of hair.
Let's make that process a little easier by looking at tools and tricks for debugging everything from combobox semantics to live regions. Then we'll follow the root causes a little further to look at where in today's web ecosystem they really originate from.
-
The Many Lives of a Notification
Live regions pop up all over the web, for both good and questionable reasons. They can be intimidating when starting out, and frustrating for those who regularly deal with them. Do you really need a live region for that combobox? How do you make toast notifications noticeable for someone using screen magnification? Why does this one error message refuse to work with VoiceOver, even though it's fine with NVDA? This presentation will take a look at when and how to use different types of live regions, some alternative possibilities, and how to debug problems as they arise. Finally, we'll touch on some areas where even the best current implementations still fall short, and where things could go in the future.
-
Tooltips: an investigation in four parts
A pandemic-era talk on tooltip accessibility; the video was formerly on YouTube but has since been removed. As a fun bonus, this grew out of an impromptu lightning talk/rant at a11yTO in 2019
-
Grids: A Case Study in Accessibility
This was given as half of a keynote at Code PaLOUsa in Louiville, KY in 2019, with Gianugo Rabellino giving the other half. There are no videos of the talk, but the slides are still around.
-
Designing Accessibility for Other Developers
The moment you step into any large project or open source venture you must accept that code you write will be used in ways you did not originally intend. Part of creating any good UI library is figuring out how to design it to be flexible enough to suit a range of needs while still baking in best practices. This is especially relevant in the case of accessibility: an area that can be crucial to users but is often overlooked.
Take a journey through an office full of all the developers you never hoped to work with, but will encounter nonetheless: the caveman coder, a contractor here to smash your code until it “works”; the blunderer, a dev who always knows just enough to break your builds; the horde of interns, hired last week to “help”; and finally the inventor: the “let’s just roll our own” developer who will abandon your library if it doesn’t support a host of custom features, plus a pony. Then find out how to hint, nudge, and wrangle them into coding accessible UI components for the good of the web.
-
Escape the Office: Designing Interfaces for Other Developers
People have a tendency to assume everyone navigates the world in the same way they do: on two legs, responding to visual cues, hearing speech, reading emotion. For developers this often means web accessibility comes as an afterthought, if at all. But we can do better! Keyboard accessibility affects a broad range of users with vision and mobility impairments, and they still deserve to be able to get spied on by Uber, overshare on social media, and create cat memes.
-
Don't Forget Your Keys
People have a tendency to assume everyone navigates the world in the same way they do: on two legs, responding to visual cues, hearing speech, reading emotion. For developers this often means web accessibility comes as an afterthought, if at all. But we can do better! Keyboard accessibility affects a broad range of users with vision and mobility impairments, and they still deserve to be able to get spied on by Uber, overshare on social media, and create cat memes.