UX

WCAG

Notes for content

Notes for UX

other notes

questions

Time need

⇒ 76h

Legend

1 Perceivable: 22h

1.1 Text alternatives: 1h

Level A

1.1.1 Non-text content: 1h

1.2 Time-based media: only content: 1h

1.3 Adaptable: 6h

Level A: 3h

1.3.1 Info and Relationships: 3h

1.3.2 Meaningful sequence

1.3.3 Sensory characteristics: for UX

Level AA: 1h

1.3.4 Orientation

1.3.5 Identify Input Purpose: 1h

Level AAA: 2h

1.3.6 Identify Purpose: 2h

1.4 Distinguishable: 14h

Level A: 0h

1.4.1 Use of color

1.4.2 Audio control

Level AA: 10h

1.4.3 Contrast (Minimum)

1.4.4 Resize Text: 0h. Actually just works (Take 1h as buffer)
1.4.5 Images of text: 1h for banner integration

1.4.10 Reflow: 1h

1.4.11 Non-text contrast: 4h

1.4.12 Text spacing: 3h

body {
  letter-spacing: 0.12em;
  line-height: 150%;
  word-spacing: 0.16em;
}
p {
  margin-bottom: 2em;
}

1.4.13 Content on hover or focus: 0h

Level AAA: 4h

1.4.6 Contrast (enhanced): 2h

1.4.7 Low or no background audio: 0h

1.4.8 Visual representation: 2h

For the visual presentation of [[https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html#dfn-blocks-of-text][blocks of text]], a [[https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html#dfn-mechanism][mechanism]] is available to achieve the following:

1.4.9 images of text (no exception): 1h for banner. Already in AA -> 0h

https://www.w3.org/WAI/WCAG21/Understanding/images-of-text-no-exception.html

2 Operable: 21h

2.1 Keyboard accessible: 3h

Level A: 3h

2.1.1 Keyboard: 3h

2.1.2 No keyboard trap: 0h

2.1.4 Character key shortcuts: 0h

Level AAA: 0h

2.1.3 Keyboard (no exception): -> 0h

2.2 Enough time: 0h

2.3 Seizures and physical reactions: 1h

Level A

2.3.1 Three flashes ro below threshold

Level AAA

2.3.2 Three flashes

2.3.3 Animation from interaction: 1h

2.4 Navigable: 14h

Level A: 5h

2.4.1 Bypass blocks: 1h

2.4.2 Page titled: 1h

2.4.3 Focus order: 1h

Level AA: 5h

2.4.5 Multiple ways: 1h because things need an overhaul

2.4.6 Headings and labels: 2h

2.4.7 Focus visible: 2h

Level AAA: 4h

2.4.8 Location: 2h

2.4.10 Section headings: 1h

2.5 Input modalities: 3h

Level A: 2h

2.5.1 Pointer gestures: 0h

2.5.2 Pointer cancellation: 0h

2.5.3 Label in name: 1h

2.5.4 Motion actuation: 0h

Level AAA: 1h

2.5.5 Target size: 1h

2.5.6 Concurrent input mechanism

3 Understandable: 6h

3.1 Readable: 2h

Level A: 1h

3.1.1 Language of page

Level AA: 0h

3.1.2 Language of parts

Level AAA: 1h

3.1.3 Unsual words

3.1.4 Abrreviations

3.1.5 Reading level

3.1.6 Pronounciation

3.2 Predictable: 1h

Level A: 0h

3.2.1 On focus

3.2.2 On input

Level AA: 0h

3.2.3 Consistent navigation

3.2.4 Consistent identification

Level AAA: 1h

3.2.5 Change on request

3.3 Input assistance: 3h

Level A: 1h

3.3.1 Error identification: 0h

3.3.2 Labels or instructions. 1h

Level AA: 0h

3.3.3 Error suggestion: 0h

3.3.4 Error prevention: 0h

Level AAA: 2h

3.3.5 Help: 2h

3.3.6 Error prevention (all): 0h

4 Robust: 4h

4.1 Compatible: 4h

Level A: 3h

4.1.1 Parsing (removed in 2.2)

4.1.2 Name, role, value: 3h

Level AA: 1h

4.1.3 Status messages: 1h

Personas

Miroboard by Madeleine https://miro.com/welcomeonboard/VndVcHJnZHluUXNYd0FhaDJGUTRXS0l0MU0yYmFtbUt5T29tV3JkakJEQ1BWcjZzQTdTMkxXTVlPYlZkWTFUMXwzNDU4NzY0NTQ1NTIwNzk1NDI2fDI=?share_link_id=277417793078 (seems deleted) → https://slack-files.com/T1RAQ0NBF-F062PJSDPMM-6d65344847

Doc by Jonte & Issi https://slack-files.com/T1RAQ0NBF-F06305D0VDE-bb807aa186