| A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | AB | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Website testing instructions | VoiceOver instructions (iOS) | TalkBack instructions (Android) | |||||||||||||||||||||||||
2 | 1. Common journey | 2. Automated errors | 3. Colour contrast | 4. Keyboard and Zoom | 5. Visual changes are announced | 6. Labels, buttons and form structure | ||||||||||||||||||||||
3 | Use WAVE | Use WAVE | Use Silktide | Use VoiceOver | Use WAVE | |||||||||||||||||||||||
4 | Write the steps of a common journey of your website. | Check number of errors on the summary | Check number of colour errors | 1. Turn off the colour (Silktide > Color blindness > Color greatly reduced) 2. Cmd + to 400% 3. Use tab and shift-tab to skip through active elements 4. Use the up and down arrow keys to scroll when needed | 1. Cmd F5 to turn on VoiceOver 2. Fn + Ctrl + Alt and left arrow to get to the top of page 3. Hold down Ctrl + Alt + U the rotor will appear 4. Use the left and right arrow keys to skip through the rotor options 5. Find the element you wish to test, hit enter and then press escape 6. Ctrl+Alt and left arrow and right arrow to skip through elements | Forms fields are described. Buttons are clearly labelled and form content is grouped Using WAVE 1. Disable styles 2. Select the details tab 3. Untick everything apart from features | ||||||||||||||||||||||
5 | What to look for: There are no errors | What to look for: There are no colour contrast fails on WAVE | What to look for: - Are there functional "skip to content" and "skip navigation" links? - Is there a clear and consistent visual focus indicator? - Can all interactive elements be accessed with the keyboard? - Does the page's tabbing order make logical sense? - Is the content understandable without relying on colour cues alone? - Is all content visible and readable? - Can only visible items be accessed? | What to look for: - When you open or close items (like menus or dropdown lists), does the screen reader announce the new state? - If there are errors when you submit a form, are the error messages read aloud by the screen reader? - Are all elements on the page described to the screen reader? For example, does the screen reader say how many items are in a navigation menu? | ||||||||||||||||||||||||
6 | ||||||||||||||||||||||||||||
7 | ||||||||||||||||||||||||||||
8 | ||||||||||||||||||||||||||||
9 | ||||||||||||||||||||||||||||
10 | Check number of disabilities | |||||||||||||||||||||||||||
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 | ||||||||||||||||||||||||||||
87 | ||||||||||||||||||||||||||||
88 | ||||||||||||||||||||||||||||
89 | ||||||||||||||||||||||||||||
90 | ||||||||||||||||||||||||||||
91 | ||||||||||||||||||||||||||||
92 | ||||||||||||||||||||||||||||
93 | ||||||||||||||||||||||||||||
94 | ||||||||||||||||||||||||||||
95 | ||||||||||||||||||||||||||||
96 | ||||||||||||||||||||||||||||
97 | ||||||||||||||||||||||||||||
98 | ||||||||||||||||||||||||||||
99 | ||||||||||||||||||||||||||||
100 | ||||||||||||||||||||||||||||