Under-Engineered Patterns for #WCBUF
Updated May 8, 2023 , originally posted May 6, 2023 ; 0 Comments
The slides for my talk are available as a
tagged PDF (3.4MB). I am not posting the PowerPoint file as my slides have been taken and passed off as others’ work before.
References
Videos
Videos I used in my talk which are not represented in the PDF.
Slide 27
Sorry, your browser doesn’t support embedded videos, but don’t worry, you can download it .
On Android, with or without TalkBack running, the down-then-left gesture will close a native <select>
(it mimics Android’s back soft-button). The same gesture on the custom control makes your browser go to the previous page.
Slide 28
Sorry, your browser doesn’t support embedded videos, but don’t worry, you can download it .
On iPadOS and iOS with VoiceOver, the two-finger right-left-right gesture will close a native <select>
. The same gesture on the custom control makes your browser go to the previous page.
Slide 69
Sorry, your browser doesn’t support embedded videos, but don’t worry, you can download it .
We start with a scrolling set of checkboxes with a skip link. Add JavaScript and the skip link goes away as the set converts to a disclosure widget that shows a count of how many are checked. And it dismisses on Esc .
Slide 79
Sorry, your browser doesn’t support embedded videos, but don’t worry, you can download it .
This video shows me tabbing to the table wrapper, which gives it focus, and then scrolling left and right.
Slide 81
Sorry, your browser doesn’t support embedded videos, but don’t worry, you can download it .
At 0:03 I put focus on the scrolling area by tabbing to it, then I use the arrow keys to scroll left and right.
Slide 82
Sorry, your browser doesn’t support embedded videos, but don’t worry, you can download it .
I spend the first two seconds trying to tab to the scrolling area with no luck. At 0:04 I type in the text box so you can see the text cursor indicator with its big purple ends. At 0:09 I press F7 to activate caret browsing and spend the rest of the video using arrow keys to move the text cursor. Notice how the down arrow moves within and then among cells, and notice how the entire cell does not scroll into view just because the text cursor is in it (evident at 0:32).
Slide 83
Sorry, your browser doesn’t support embedded videos, but don’t worry, you can download it .
I spend the first 13 seconds trying to tab to the scrolling area or scroll it using arrows with no luck. At 0:13 I press F7 to confirm there is no caret navigation. At 0:21 I activate Mouse Keys by pressing ⌘ five times. Then I hold down K to move the mouse pointer into the table and press I at 0:32. Then I use the arrow keys to scroll left and right.
Update: Pics!
I took some photos. Not of anything useful for my talk topic, mind.
The event was held in an old school, so while I relaxed outside one session I suddenly felt like I was waiting to be called into the principal’s office.
Also, a couple obligatory tweets.
Leave a Comment or Response