< Scripts for Showcase Examples with Videos
Relate the issue to the personal experience of the reader/viewer, as most will have encountered a situation of illegible text. Emphasize that good choice of colors is good practice in addition to an accessibility requirement. Use the statistic "1 in 12 adult males" and age-related visual limitations to counter the myth that it is only about a small group of people impacted. Explain the additional benefits, especially for mobile use.
| Sequence | Time | Elapsed Time | Narration | Visuals | Audio Description |
|---|---|---|---|---|---|
| 1 | 0:04 | 0:04 | There’s something about great design that allows it to go practically unnoticed… | See someone walking down a street, observing road signs etc. the person is happy and confidently walking where they want to go | |
| 2 | 0:07 | 0:11 | But it doesn’t take much to make this a confusing and frustrating mess. Poor color contrast makes navigating a real pain | Same scene, but with the road signs changed so there’s almost no contrast (probably digitally) this time the person looks confused and has to walk right up to the signs to try to figure them out. Person leans over, points to a sign with a confused face and asks another person what the sign says. | |
| 3 | 0:05 | 0:16 | Good design means sufficient contrast between foreground and background. | Cut to a person in the street looking at their phone’s navigation app. They look confused. | |
| 4 | 0:07 | 0:18 | That’s not just text and images but links, icons, and buttons – if it’s important enough to be seen then it needs to be clear! | The person using the app looks at a poorly contrasted button that becomes clear as they look at it. | |
| 5 | 0:14 | 0:32 | And this can be especially problematic for people with color perception limitations – to someone with this condition, this, can look like this! Approximately 1 in 12 adult males have this condition – that’s a lot of people. |
Show the wider scene of the person on their sofa looking at the tablet, then apply color filters to it so that they themselves blend into the sofa – they look taken aback by what’s happened. | |
| 6 | 0:03 | 0:35 | And of course people with age-related vision decline | Older person walks into the room and rubs their eyes – contrast returns to normal | |
| 7 | 0:04 | 0:39 | With good colors websites and applications can be easier to use in more situations | Person puts tablet down and looks at same site on phone | |
| 8 | 0:03 | 0:42 | Like when the lighting conditions change | The lighting conditions change - sun glares on to the phone screen – but it’s still clear as a bell | |
| 9 | 0:11 | 0:53 | If there’s sufficient color contrast more people can make use of the content in more environments – it’s just common sense visit w3.org/WAI for more tips and information |
We see the person from earlier in the film walking the streets, navigating using their mobile phone. They arrive at their destination |