forked from w3c/wai-showcase-examples
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscript6.html
86 lines (85 loc) · 4.83 KB
/
script6.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Script 6: Notifications and Feedback - Showcase Examples with Videos</title>
<link href="http://www.w3.org/WAI/wai-main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Script 6: Notifications and Feedback</h1>
<p><a href="https://www.w3.org/WAI/EO/wiki/Showcase_Examples_with_Videos/Scripts">< Scripts for Showcase Examples with Videos</a></p>
<table border="1">
<thead>
<tr>
<th scope="col">Sequence</th>
<th scope="col">Narration</th>
<th scope="col">Visuals</th>
<th scope="col">Audio Description</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">0</th>
<td>[INTRO MUSIC]</td>
<td>[TITLE] Web Accessibility Perspectives - Notifications and Feedback</td>
<td>[before narration:] Web accessibility perspectives</td>
</tr>
<tr>
<th scope="row">1</th>
<td>All the right gears can be put in motion, the hands can be at the exact place they need to be. <br />But if you don’t get the response that you’re expecting, you’ll end up wondering if there’s some sort of problem.</td>
<td>We see a cuckoo clock. The hands are moving, the pendulum is swinging. Tracking shot, we’re getting closer to the cuckoo. <br />The clock strikes 12, we focus in on the cuckoo clock door and...nothing happens, no cuckoo.</td>
<td>[after narration:] The hands on a cuckoo clock reach noon but the cuckoo bird does not pop out of its door to signal the time.</td>
</tr>
<tr>
<th scope="row">2</th>
<td>It’s the same on the web. <br />Without clear notifications and feedback people are quickly disoriented and confused.</td>
<td>We cut to a person on a computer, tapping away at their keyboard. We see the screen - they are filling in a form. <br />They click ‘submit’ and a blank screen appears and stays on screen. <br />We but to the person’s face, they look baffled.</td>
<td>[after narration:] A man completes and submits a form on a website, to get a rather blank screen with no confirmation for their submission. He looks confused.</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Especially error messages are often complex and confusing.</td>
<td>Cut to a different scene - a person tries to send something on a tablet. We see a message saying "Error ead#234532 invalid data".</td>
<td>[after narration:] Another man receives a technical error message from a website registration form. It reads "Error ead#234532 invalid data".</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Yet making them understandable is usually quite simple.</td>
<td>The words on the message change to say "required format is 'day/month/year' (01/02/2020)" – the user understands and types.</td>
<td>[after narration:] The error message changes to say "Invalid date, required format is 'day/month/year'".</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Making websites and apps predictable and understable makes them accessible to people with cognitive and learning disabilities.</td>
<td>We cut to a person using a tablet computer in a cafe. They are using the website with the cryptic error message and look confused.</td>
<td>[after narration:] A woman is trying to login the WiFi of a cafe and receives a cryptic error message.</td>
</tr>
<tr>
<th scope="row">6</th>
<td>And more useable for everyone, especially for people with lower computer skills.</td>
<td>We see other people at the same cafe having problems with their mobile devices.</td>
<td>[after narration:] Also other people at the cafe seem to be having this problems.</td>
</tr>
<tr>
<th scope="row">7</th>
<td></td>
<td>The error message changes to become more understandable.</td>
<td>[after a pause:] The error message changes to become more understandable. The woman at the cafe looks relieved.</td>
</tr>
<tr>
<th scope="row">8</th>
<td>Web accessibility: essential for some, useful for all.</td>
<td>We see the woman from the cafe looking relieved, now that it is improved. <br />[cut to cuckoo clock. Cuckoo comes out]</td>
<td>[after narration:] The cuckoo bird comes out of the clock.</td>
</tr>
<tr>
<th scope="row">9</th>
<td>Visit w3.org/WAI/perspectives for more information on notifications and feedback.</td>
<td>[WEB ADDRESS (w3.org/WAI/perspectives); W3C AND WAI LOGOS; COPYRIGHT NOTICE]</td>
<td>W3C Web Accessibility Initiative, copyright 2016</td>
</tr>
</tbody>
</table>
</body>
</html>