This repository has been archived by the owner on Mar 8, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 33
/
script10.html
64 lines (63 loc) · 3.45 KB
/
script10.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
<?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 10: Keyboard Compatability - Showcase Examples with Videos</title>
<link href="http://www.w3.org/WAI/wai-main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Script 10: Keyboard Compatability</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 - Keyboard Compatability</td>
<td>[before narration:] Web accessibility perspectives</td>
</tr>
<tr>
<th scope="row">1</th>
<td>Not being able to use your computer because your mouse doesn’t work is frustrating.</td>
<td>A person is sat on a computer. The wireless mouse falls off the desk and stops working, and they can no longer use the computer. They check the mouse and look puzzled.</td>
<td>[after mouse falls:] A man drops his computer mouse off the desk.</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Many people use only the keyboard to navigate websites – either through preference or circumstance.</td>
<td>We cut to a person using a computer with a head stick. They are on a website that is not keyboard compatible. They type on the keyboard but nothing happens on the screen.</td>
<td>[after "websites":] The computer mouse no longer works. <br />
[after "circumstance":] A man with a wheelchair is using a mouthstick to type.</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Whether it’s temporarily limited mobility, a permanent physical disability or simply a broken mouse, the result is the same – websites and apps need to be operable by keyboard.</td>
<td>We cut to a different person, this time someone who has a bandaged hand. This website is keyboard compatible. We see them person tabbing through segments of the site and using the arrow keys to move around it. We zoom in on the site until the site fills the frame.</td>
<td>[after "the same"] A woman with an arm in a sling is typing on a keyboard, but the website requires use of a mouse to select a date. <br />
[after "keyboard":] Also the man with the wheelchair cannot use the website.</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Web accessibility: essential for some, useful for all.</td>
<td>Zoom out of the frame to reveal we’re back on the person with the head stick. This time they are able to type and navigate the website using their head stick.</td>
<td>[after narration:] He switches to different website that allows typing the date.</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Visit w3.org/WAI/perspectives for more information on keyboard compatibility.</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>