From the course: Accessibility for Web Design
Join today to access over 23,200 courses taught by industry experts.
Avoiding keyboard traps
From the course: Accessibility for Web Design
Avoiding keyboard traps
- When we're designing and building sites, we often need to put in some custom functionality for custom widgets, like audio and video players, sliders, maps, or other complex controls. In almost all of those cases, we need to use some JavaScript to make that magic happen. Sometimes the JavaScript can go wrong, and we create something known as a keyboard trap. A scenario where the keyboard cursor will get stuck. Usually that's because the person that designed and built that custom control or that task flow was really thinking about people that use a mouse, and not keyboard users. Here's three examples of keyboard traps. Each one is slightly different, but the end result is the same; a person getting stuck and not being able to access some of the content or functionality that they need using their keyboard. In this first example, I can use the keyboard to fill out the billing form. But something isn't quite right. I can…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.