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 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Framework | Collected User Needs, Based on: | https://w3c.github.io/apa/fast/#collected-user-needs https://w3c.github.io/apa/fast/checklist.html | ||||||||||||||||||||||||||||||||
2 | !!! INCOMPLETE, WORK IN PROGRESS !!! | Functional Outcomes | User Needs | Adjectival Rating | Tags | Functional Types | WCAG 2.x Mapping | ||||||||||||||||||||||||||||
3 | GUIDELINES (21 NOW!!!) | COMBINED SCORE | TECHNICAL | A11Y-in-USE | FILTER CHOICES | VISION | COGNITION | MOBILITY | HEARING | ||||||||||||||||||||||||||
4 | Based on: FAST | TOTAL AVERAGE | TESTS | TESTS | ELEMENT | POUR | ROLE | TECH | T-A-U | Without | Limited | Color | Learning | Dyslexia | Seizures | Reach | Strength | Motoric | Deaf | Limited | Vocal | ||||||||||||||
5 | CONTRAST Enable direct perception of output for people with wide range of perception disabilities How-To = Simple Methods = Not so Simple | Visual presentation perceivable across a range of vision impairments | Luminosity contrast sufficient | BENCHMARK = SImple 1. Very good (90-100) 2. Good (76-89) 3. Acceptable (60-75) 4. Poor (30-59) 5. Unacceptable (0-29) | Element 1 Element 2 Etc. | PU | Design Dev | CSS HTML XR | Tech Author UA | Red | Orange | Yellow | 1.4.3 Contrast (Minimum) 1.4.6 Contrast (Enhanced) | ||||||||||||||||||||||
6 | Hue contrast sufficient for certain color perception disorders | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | PU | Design Dev | CSS HTML XR | Tech Author UA | Orange | Red | Yellow | |||||||||||||||||||||||||
7 | TWEAK TEXT Adjustability of output How-To = Simple Methods = Not so Simple | Visual presentation can be adjusted to meet needs of user | Text can be resized - Content format allows resize - Author provides resize feature | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | P | Design Dev | CSS HTML XR | Tech Author UA | Red | Yellow | Orange | 1.4.4 Resize text | ||||||||||||||||||||||
8 | Color scheme can be changed - Content format defines color style scheme that user or user agent can override - Author provides color switch options | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | P | Design Dev | Tech Author UA | Orange | Red | Yellow | 1.4.8 Visual Presentation | |||||||||||||||||||||||||
9 | Luminosity contrast can be changed - User agent exaggerates luminosity differences - Author provides color switch options | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | P | Design Dev | Tech Author UA | Red | Yellow | Yellow | ||||||||||||||||||||||||||
10 | Typeface, font weight, font style can be changed | 1. The heading is semantic 2. Good 3. The heading not semantic and/or wrong level but doesn't hurt that much (???) 4. The heading is semantic but wrong or no level applied 5. The heading is not semantic | Element 1 Element 2 Etc. | P | Design Dev | Tech Author UA | Orange | Yellow | Red | ||||||||||||||||||||||||||
11 | Line / word / letter spacing can be changed | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | P | Design Dev | Tech Author UA | Yellow | Yellow | Red | 1.4.12 Text Spacing | |||||||||||||||||||||||||
12 | Margins can be changed | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | P | Design Dev | Tech Author UA | Yellow | Yellow | Orange | 1.4.12 Text Spacing | |||||||||||||||||||||||||
13 | Line length can be changed | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | P | Design Dev | Tech Author UA | Yellow | Yellow | Red | 1.4.8 Visual Presentation | |||||||||||||||||||||||||
14 | Justification can be changed | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | P | Design Dev | Tech Author UA | Orange | Yellow | Red | 1.4.8 Visual Presentation | |||||||||||||||||||||||||
15 | NAVIGATE User can navigate content effectively How-To = Simple Methods = Not so Simple | Useful navigation order [also relates to efficient usage] | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | O | Dev | Tech Author UA | Red | Red | Red | Red | Red | 2.4.3 Focus Order | ||||||||||||||||||||||
16 | Navigation supports different thinking styles | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | O | Dev | Tech Author UA | Red | Orange | Orange | Orange | Orange | ||||||||||||||||||||||||
17 | COLOR ONLY Meaning conveyed by style perceivable to users that is presented through color to be also presented in another way that does not rely on color.) How-To = Simple Methods = Not so Simple | Author provides multiple redundant style cues | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | PU | Design | Tech Author UA | Orange | Red | Yellow | 1.4.1 Use of Color | ||||||||||||||||||||||||
18 | Meaning supported by programmatically determined semantics | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | PU | Dev | Tech Author UA | Red | Orange | Yellow | |||||||||||||||||||||||||||
19 | CONCURRENT INPUT MECHANISM Input is device independent How-To = Simple Methods = Not so Simple | Input does not require pointing device | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | O | Dev | Tech Author UA | Red | Red | Red | Red | Red | |||||||||||||||||||||||
20 | Support keyboard input with only visual feedback | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | O | Dev | Tech Author UA | Red | Red | Red | ||||||||||||||||||||||||||
21 | Allow speech input | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | O | Dev | Tech Author UA | Orange | Orange | Red | Red | Red | ||||||||||||||||||||||||
22 | Input does not require speech input | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Element 1 Element 2 Etc. | O | Dev | Tech Author UA | Red | Red | Red | ||||||||||||||||||||||||||
23 | INSTRUCTIONS / IMPORTANT User can manage distractions How-To = Simple Methods = Not so Simple | Layout helps user find important content | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Inputs | U | Design | Author | Yellow | Yellow | Yellow | |||||||||||||||||||||||||
24 | STRUCTURE Users can discover content on the page How-To = Simple Methods = Not so Simple | Headings identify regions of content | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Headings | PU | ||||||||||||||||||||||||||||||
25 | Regions of content are programmatically determined | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Landmarks | POUR | |||||||||||||||||||||||||||||||
26 | User can skip to main content | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Landmarks | O | |||||||||||||||||||||||||||||||
27 | Controls and their functions are programmatically determined | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Inputs Links Buttons | POUR | |||||||||||||||||||||||||||||||
28 | Controls have contrast with their surroundings | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Inputs Links Buttons | PU | |||||||||||||||||||||||||||||||
29 | Location of controls is predictable | 1. Very good 2. Good 3. Acceptable 4. Poor 5. Unacceptable | Inputs Links Buttons | PU | |||||||||||||||||||||||||||||||
30 | |||||||||||||||||||||||||||||||||||
31 | |||||||||||||||||||||||||||||||||||
32 | |||||||||||||||||||||||||||||||||||
33 | |||||||||||||||||||||||||||||||||||
34 | |||||||||||||||||||||||||||||||||||
35 | |||||||||||||||||||||||||||||||||||
36 | |||||||||||||||||||||||||||||||||||
37 | |||||||||||||||||||||||||||||||||||
38 | |||||||||||||||||||||||||||||||||||
39 | |||||||||||||||||||||||||||||||||||
40 | |||||||||||||||||||||||||||||||||||
41 | |||||||||||||||||||||||||||||||||||
42 | |||||||||||||||||||||||||||||||||||
43 | |||||||||||||||||||||||||||||||||||
44 | Collected User Needs, Based on: | https://w3c.github.io/apa/fast/#collected-user-needs https://w3c.github.io/apa/fast/checklist.html | |||||||||||||||||||||||||||||||||
45 | |||||||||||||||||||||||||||||||||||
46 | |||||||||||||||||||||||||||||||||||
47 | |||||||||||||||||||||||||||||||||||
48 | Authentication | ||||||||||||||||||||||||||||||||||
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 |