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 | AC | AD | AE | AF | AG | AH | AI | AJ | AK | AL | AM | AN | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | KPR Accessibility Test Record | |||||||||||||||||||||||||||||||||||||||
2 | ||||||||||||||||||||||||||||||||||||||||
3 | Using wuhcag.com framework (WCAG 2.0) | |||||||||||||||||||||||||||||||||||||||
4 | ||||||||||||||||||||||||||||||||||||||||
5 | Website: kpronline.com | |||||||||||||||||||||||||||||||||||||||
6 | ||||||||||||||||||||||||||||||||||||||||
7 | Tools Used: | WAVE Chrome Extension | ||||||||||||||||||||||||||||||||||||||
8 | W3C validator | |||||||||||||||||||||||||||||||||||||||
9 | ||||||||||||||||||||||||||||||||||||||||
10 | Quick Check on Home page: | |||||||||||||||||||||||||||||||||||||||
11 | 1. Run through WAVE | |||||||||||||||||||||||||||||||||||||||
12 | Paste screenshots (3) of window for WAVE Styles (summary and details) and No Styles. | |||||||||||||||||||||||||||||||||||||||
13 | ||||||||||||||||||||||||||||||||||||||||
14 | ||||||||||||||||||||||||||||||||||||||||
15 | ||||||||||||||||||||||||||||||||||||||||
16 | ||||||||||||||||||||||||||||||||||||||||
17 | ||||||||||||||||||||||||||||||||||||||||
18 | ||||||||||||||||||||||||||||||||||||||||
19 | ||||||||||||||||||||||||||||||||||||||||
20 | ||||||||||||||||||||||||||||||||||||||||
21 | ||||||||||||||||||||||||||||||||||||||||
22 | ||||||||||||||||||||||||||||||||||||||||
23 | ||||||||||||||||||||||||||||||||||||||||
24 | ||||||||||||||||||||||||||||||||||||||||
25 | ||||||||||||||||||||||||||||||||||||||||
26 | ||||||||||||||||||||||||||||||||||||||||
27 | ||||||||||||||||||||||||||||||||||||||||
28 | ||||||||||||||||||||||||||||||||||||||||
29 | ||||||||||||||||||||||||||||||||||||||||
30 | 2. Paste screenshot of Home page for grayscale: | |||||||||||||||||||||||||||||||||||||||
31 | Grayscale | System Preferences/Accessibility/Use grayscale | ||||||||||||||||||||||||||||||||||||||
32 | ||||||||||||||||||||||||||||||||||||||||
33 | ||||||||||||||||||||||||||||||||||||||||
34 | ||||||||||||||||||||||||||||||||||||||||
35 | ||||||||||||||||||||||||||||||||||||||||
36 | ||||||||||||||||||||||||||||||||||||||||
37 | ||||||||||||||||||||||||||||||||||||||||
38 | ||||||||||||||||||||||||||||||||||||||||
39 | ||||||||||||||||||||||||||||||||||||||||
40 | ||||||||||||||||||||||||||||||||||||||||
41 | ||||||||||||||||||||||||||||||||||||||||
42 | ||||||||||||||||||||||||||||||||||||||||
43 | ||||||||||||||||||||||||||||||||||||||||
44 | ||||||||||||||||||||||||||||||||||||||||
45 | ||||||||||||||||||||||||||||||||||||||||
46 | ||||||||||||||||||||||||||||||||||||||||
47 | ||||||||||||||||||||||||||||||||||||||||
48 | ||||||||||||||||||||||||||||||||||||||||
49 | 3. Review the page using VoiceOver + Chrome | |||||||||||||||||||||||||||||||||||||||
50 | https://webaim.org/articles/voiceover/ | Recipe: | Home Page Test Notes: | |||||||||||||||||||||||||||||||||||||
51 | 1. Open page in Chrome | 1. Title of Webpage reads bar character as "vertical line" --> Below reads: " Computer accessibility for all 'vertical line' KPR window" | ||||||||||||||||||||||||||||||||||||||
52 | 2. Turn on VoiceOver | |||||||||||||||||||||||||||||||||||||||
53 | 3. Refresh page | |||||||||||||||||||||||||||||||||||||||
54 | 4. Measure VO quality: | |||||||||||||||||||||||||||||||||||||||
55 | 4a. Does VO start talking at a sensible place? | 2. Top Menu Banner reads "middle dot" between all menu items | ||||||||||||||||||||||||||||||||||||||
56 | 4b. Does VO cover everything on the page? | |||||||||||||||||||||||||||||||||||||||
57 | 4c. Do all of the images have alt text? | |||||||||||||||||||||||||||||||||||||||
58 | ||||||||||||||||||||||||||||||||||||||||
59 | Outcome: | 4a. Yes | 3. Top Banner does not read as an image but as a link --> Unsure if this is an issue but thought I'd note it | |||||||||||||||||||||||||||||||||||||
60 | 4b. Yes | |||||||||||||||||||||||||||||||||||||||
61 | 4c. Yes. Some captions may be kind of long for an audio message | |||||||||||||||||||||||||||||||||||||||
62 | ||||||||||||||||||||||||||||||||||||||||
63 | Reads below: | |||||||||||||||||||||||||||||||||||||||
64 | ||||||||||||||||||||||||||||||||||||||||
65 | ||||||||||||||||||||||||||||||||||||||||
66 | ||||||||||||||||||||||||||||||||||||||||
67 | 4. Email address line has some funky stuff going on | |||||||||||||||||||||||||||||||||||||||
68 | ||||||||||||||||||||||||||||||||||||||||
69 | ||||||||||||||||||||||||||||||||||||||||
70 | ||||||||||||||||||||||||||||||||||||||||
71 | ||||||||||||||||||||||||||||||||||||||||
72 | ||||||||||||||||||||||||||||||||||||||||
73 | Reads: | |||||||||||||||||||||||||||||||||||||||
74 | ||||||||||||||||||||||||||||||||||||||||
75 | ||||||||||||||||||||||||||||||||||||||||
76 | ||||||||||||||||||||||||||||||||||||||||
77 | ||||||||||||||||||||||||||||||||||||||||
78 | WCAG 2.0 checklist Level A (Beginner) | |||||||||||||||||||||||||||||||||||||||
79 | Ratings: | Y = definitely passed | ||||||||||||||||||||||||||||||||||||||
80 | N = definitely didn't pass (describe the problem) | |||||||||||||||||||||||||||||||||||||||
81 | Not sure = needs further investigation | |||||||||||||||||||||||||||||||||||||||
82 | N/A = not applicable for the page (e.g., for 1.2.1, there is no video or audio content) | |||||||||||||||||||||||||||||||||||||||
83 | ||||||||||||||||||||||||||||||||||||||||
84 | Page Tested: | (add additional pages as needed) | Demo Request form | Compass order form | ||||||||||||||||||||||||||||||||||||
85 | Guideline | Criteria | / | /software | /pubs | /about | Fixed: Does not work well at all with VO /contact | /contact-success (Send a msg from /contact) | /compass | /kbwiz | /ptwiz | http://www.shareit.com/demoreg.html?productid=300044407&backlink=http%3A//www.kpronline.com%2Fcompass&oplayout= | /purchase-compass | (click Buy button on /purchase-compass) Tested link: https://order.shareit.com/cart/view | /compass-demo | /kbwiz-demo | /ptwiz-demo | /purchase-order | /privacypolicy | /research | /ter-review | /scanning | /autoida | /install-upgrade | /install-purchase | /blog | /blog/highlights-from-resna-2018-conference | |||||||||||||
86 | W3C validator | Pass if page has 0 errors. Take screenshot if errors! | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | N | |||||||||||||
87 | WAVE tool | Number of errors | 2 | 0 | 0 | 0 | 0 | 3 | 1 | 0 | 0 | 11 :( | 0 | 48 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | |||||||||||||
88 | WAVE tool | Number of alerts | 14 | 3 | 90 | 2 | 6 | 9 | 4 | 4 | 4 | 6 | 4 | 60 | 2 | 2 | 2 | 2 | 3 | 4 | 9 | 9 | 9 | 3 | 2 | 15 | 8 | |||||||||||||
89 | WAVE tool | Number of contrast errors | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 :) | 0 | 20 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | |||||||||||||
90 | 1.1.1. Non-text content | Use WAVE and count alt text errors. Needs 0 alt text errors to pass. | Y | Y | Y | Y | Y | N | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y, alt text a bit long | Y | Y | Y | Y | ||||||||||||||
91 | 1.2.1 Audio-only and Video-only | Only applies to audio-only or video-only media. Pass if page includes a text transcript. | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||||||||||||||
92 | 1.2.2. Captions | Only applies to videos with sound. Pass if video includes an accurate caption. | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | Y | Y | Y | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||||||||||||||
93 | 1.2.3. Audio Description | Only applies to videos with sound. Pass if page provides a full text transcript. | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N | N | N | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||||||||||||||
94 | 1.3.1. Info and Relationships | Pass if all are true: 1. Passes validator (see above) 2. WAVE shows that elements are properly nested 3. Any forms have clear labels and asterisk marks if needed | N. See: 1Screen Shot Nu HTML checker KPR homepage | 1. Okay but jumps from h1 to h3 | 1. Okay but jumps from h2 to h4 | Y | 1. Starts w contact info, then moves up to nav menu and then straight down to subscription form. | Y | Jumps from h2 to h4 | Jumps from h2 to h4 | No heading structure? | Jumps from h1 to h3 | No h1 or h2 | Y | Y | Y | Y | Jumps from h1 to h3 | Jumps from h1 to h3 | Jumps from h1 to h3 | Jumps from h1 to h3 | Jumps from h1 to h3 | Y | Y | No h1 | Y (h1 to h2 perfectly!) | ||||||||||||||
95 | 1.3.2. Meaningful Sequence | Pass if all are true: 1. Passes validator (see above) 2. No Styles view displays in correct order 3. Only 1 <h1> element | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Did not pass validator No h1 element | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y (goes from h1 to h2!!!!!!) | No h1 | Y | |||||||||||||||
96 | 1.3.3. Sensory Characteristics | Check if there are sensory-based instructions anywhere on the page. Mark N/A or Not Sure accordingly. | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | Video 3:23: "Click the Time Me button down here" | Video 3:00: "You'd check the time task button down here" | Y | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||||||||||||||
97 | 1.4.1. Use of Color | Pass if all are true: 1. Cues for active links and button hover work in grayscale 2. Instructions do not rely on color ("click the green button") 3. Charts, graphs, etc. do not rely on color alone. | 1. No, in text links don't change color drastically, underline helps (applies for all pages) 2. Y 3. Y | 1. No 2. Y 3. Y | 1. Link issue 2. Y 3. N/A | 1. Link issue 2. Y 3. N/A | 1. Y 2. Y 3. N/A | Y | Y (link issue) | Unsure (link issue) "Help" and "Finish" button in Pointing Wizard by KPR screenshot are a bit faint in grayscale | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | ||||||||||||||
98 | 1.4.2. Audio Control | Only applies to pages with audio. Pass if audio does NOT play automatically (but instead, is started by user action). | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | Y | Y | Y | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | N/A | ||||||||||||||
99 | 2.1.1. Keyboard | Pass if all are true: 1. Can use all links, forms, menus, controls, etc. with keyboard only. NO touching the trackpad! 2. No special keyboard timing is required (all of our pages should pass that). TESTING NOTE: items 2.1.2, 2.4.3, and 3.2.1 can be tested at the same time as this one. | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | N (Skips 'Language', - and + on Quantity, 'Redeem Coupon Code', Company, Country, all buttons for PayPal/Check/Purchas Order Request, and box for 'The Recipient or Licensee is the same as the Purchaser' | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y (also doesn't get stuck in url line) | Y (also doesn't get stuck in url) | Y (also doesn't get stuck in url) | ||||||||||||||
100 | 2.1.2. No Keyboard Trap | Pass if you can navigate away from, as well as to, all parts of page by keyboard only (Tab or arrow keys). | Y(Once tab thru whole page, gets stuck in url. Idk if this is bc of your code though -- happens on all pages except Demo Request form) | Y | Y | Y | Y | Y | Y | Y | Y | Y | N | Y | Y | Y | Y | Y | Y | Y | Y | Y | Y (this page can go from url to header) | Y | Y | Y |