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
/
Copy pathscript7.html
74 lines (73 loc) · 3.59 KB
/
script7.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
<?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 7: Large Links, Buttons, and Controls - Showcase Examples with Videos</title>
<link href="http://www.w3.org/WAI/wai-main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Script 7: Large Links, Buttons, and Controls</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 - Large Links, Buttons, and Controls</td>
<td>[before narration:] Web accessibility perspectives</td>
</tr>
<tr>
<th scope="row">1</th>
<td>Trying to hit a small target requires lots of effort.</td>
<td>Show someone seemingly sat on a chair at home trying to thread a needle, they repeatedly miss.</td>
<td>[after narration:] A woman tries to thread a needle but misses.</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Many websites and applications try to thread the needle.</td>
<td>Show the same person (on a sewing website on a tablet?) try to tap a tiny tick and not managing to tap the icon because it is so small – they react as they did with the needle.</td>
<td>[after narration:] The woman fails to tap small links on a website.</td>
</tr>
<tr>
<th scope="row">4</th>
<td>But on the web we can make areas for clicking and tapping larger and easier to use.</td>
<td>The area surrounding the tick becomes larger and the user manages to tap it now more easily.</td>
<td>[after narration:] The links become larger in area, and the woman now easily taps them.</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Which is handy on mobile devices, especially when we might be moving around at the time.</td>
<td>Person grabs the tablet and gets up, continuing to use the website while moving around.</td>
<td>[after narration:] The woman is using a tablet while preparing a coffee.</td>
</tr>
<tr>
<th scope="row">6</th>
<td>Which is critical for people with reduced dexterity.</td>
<td>Cut to a person working on a computer and has a tremor meaning the cursor moves a lot. <br />They are not able to use the website with the small tick but then successfully click it when it is enlarged.</td>
<td>[after narration:] Another woman with a hand tremor is unable to navigate precisely with the mouse, and unable to click small buttons on a website.</td>
</tr>
<tr>
<th scope="row">7</th>
<td>Web accessibility: essential for some, useful for all.</td>
<td>(Continuation of previous scene)</td>
<td>[after narration:] The buttons become larger and the woman with tremor is now able to click them.</td>
</tr>
<tr>
<th scope="row">8</th>
<td>Visit w3.org/WAI/perspectives for more information on large links, buttons, and controls.</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>