< Scripts for Showcase Examples with Videos
Relate the issue to the personal experience of the reader/viewer, as most will have encountered a situation with too small click/touch areas. Emphasize that large click areas is good practice in addition to an accessibility requirement. Also highlight the complementary benefits, for example for people who are using mobile devices, especially on the go. Include some examples of what is meant by large click areas.
| Sequence | Time | Elapsed Time | Narration | Visuals | Audio Description |
|---|---|---|---|---|---|
| 1 | 0:03 | 0:03 | Trying to hit a small target can drive you mad. | Show someone seemingly sat on a chair at home trying to thread a needle, they repeatedly miss | |
| 2 | 0:03 | 0:06 | Why make people do that when there’s a better solution? | They now thread it using a needle threader | |
| 3 | 0:05 | 0:11 | Many websites and applications make the mistake of making people try to thread the needle | Show the same person (on a sewing website on a tablet) try to touch a tiny tick and accidentally closing the whole page – they react as they did with the needle | |
| 4 | 0:04 | 0:15 | With large click areas interfaces become much easier to use | Now they’re on the tablet and reacting as they did once they’d used the threader | |
| 5 | 0:05 | 0:20 | Especially on mobile, and especially when the user might be moving around at the time | Pull out from the person – they’re not sat on a chair at home, they a passenger on a bus. | |
| 6 | 0:05 | 0:25 | Large click areas are especially beneficial for people with reduced dexterity | Move to the person next to them who is working on a laptop and has a tremor meaning the cursor moves a lot. The person with the tremor manages to click on what they want thanks to large click area. |
|
| 7 | 0:04 | 0:29 | Visit w3.org/WAI for more tips and information |