< 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 convoluted layouts. Emphasize that good layout and design is good practice in addition to an accessibility requirement. Also highlight the complementary benefits, for example for people using mobile devices and people in a hurry. Include some examples of what good layout and design entails.
| Sequence | Time | Elapsed Time | Narration | Visuals | Audio Description |
|---|---|---|---|---|---|
| 1 | 0:04 | 0:04 | There are few things in life more frustrating than a poor layout | Show someone in a kitchen – they’re trying to make a cup of coffee but the kettle is in a cupboard, the coffee is the other side of the room and the mugs are somewhere else entirely | |
| 2 | 0:06 | 0:10 | And the same applies to the internet. Good design means a good layout, and that means a better user experience. | We see a quick timelapse of the kitchen being rearranged into a much more sensible arrangement | |
| 3 | 0:04 | 0:14 | Which means clear headings, navigation bars, and consistent styling | They put a label on the coffee, a mug tree, and then neaten everything up. They then settle down at a table with their mug of coffee and a tablet | |
| 4 | 0:09 | 0:23 | Complex layouts make finding information particularly difficult for people with visual disabilities | The website they’re looking at is clearly too complex – we see that they’re using screen magnification with only one small portion of the website visible | |
| 5 | 0:08 | 0:31 | It can be frustrating for others with cognitive and learning disabilities, who need clarity and consistency of the presentation | Reveal that the whole scene has been in a café where there are plenty of people on computers, tablets and phones – one is clearly perplexed by the website they’re on | |
| 6 | 0:06 | 0:37 | Bad design also impacts anyone who isn’t particularly confident around computers | Pan to older person in the cafés ‘internet by the hour area’ getting aggravated at the computer | |
| 7 | 0:04 | 0:41 | ANY web user will get frustrated with bad layout and design | A young person goes to help the elderly person and experiences the same level of frustration | |
| 8 | 0:08 | 0:49 | A few simple design tweaks can make a website easier to use for everyone and across more platforms | The young person shows the elderly person a similar but different web page on their phone | |
| 9 | 0:04 | 0:53 | Visit w3.org/WAI for more tips and information | All the people in the café are now on the same website shown by the young person to the elderly person, and we zoom in on one of them to illustrate clear and consistent design. |