Skip to content

Commit

Permalink
feat: update WCAG links
Browse files Browse the repository at this point in the history
  • Loading branch information
backflip committed Nov 28, 2023
1 parent c73d7e8 commit b43c845
Show file tree
Hide file tree
Showing 4 changed files with 12 additions and 12 deletions.
2 changes: 1 addition & 1 deletion slides/intro-agenda.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

1. [Weshalb Barrierefreiheit?](#/why)
2. [Zugang mit Screenreadern](#/screenreader)
3. [WCAG 2.1 als Basis](#/wcag)
3. [WCAG 2.2 als Basis](#/wcag)
4. [WAI-ARIA für interaktive Elemente](#/aria)
5. [Visuelle Aspekte](#/visual)
6. [Automatisches Testing](#/automation)
Expand Down
8 changes: 4 additions & 4 deletions slides/visual-intro.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
## 5. Visuelle Aspekte

Wichtige WCAG-Richtlinie: «[1.4 Distinguishable](https://www.w3.org/WAI/WCAG21/quickref/#distinguishable): Make it easier for users to see and hear content including separating foreground from background.»
Wichtige WCAG-Richtlinie: «[1.4 Distinguishable](https://www.w3.org/WAI/WCAG22/quickref/#distinguishable): Make it easier for users to see and hear content including separating foreground from background.»

Kriterien (Auswahl):
- [1.4.1 Use of Color](https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=141#distinguishable): **Color is not used as the only visual means** of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A):
- [G183](https://www.w3.org/WAI/WCAG21/Techniques/general/G183.html): Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on focus for links or controls where color alone is used to identify them
- [1.4.3 Contrast (Minimum)](https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=143#distinguishable): The visual presentation of text and images of text has a **contrast ratio of at least 4.5:1**, except for the following: (Level AA) …
- [1.4.1 Use of Color](https://www.w3.org/WAI/WCAG22/quickref/?showtechniques=141#distinguishable): **Color is not used as the only visual means** of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A):
- [G183](https://www.w3.org/WAI/WCAG22/Techniques/general/G183.html): Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on focus for links or controls where color alone is used to identify them
- [1.4.3 Contrast (Minimum)](https://www.w3.org/WAI/WCAG22/quickref/?showtechniques=143#contrast-minimum): The visual presentation of text and images of text has a **contrast ratio of at least 4.5:1**, except for the following: (Level AA) …
12 changes: 6 additions & 6 deletions slides/wcag-example.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@

Beispiel eines Erfolgskriteriums im Zusammenhang mit Formularen:

- [**Principle** 3: Understandable](https://www.w3.org/TR/WCAG21//#understandable): Information and the operation of user interface must be understandable.
- [**Guideline** 3.3 Input Assistance](https://www.w3.org/TR/WCAG21//#input-assistance): Help users avoid and correct mistakes.
- [**Success Criterion** 3.3.2 Labels or Instructions](https://www.w3.org/TR/WCAG21//#labels-or-instructions): Labels or instructions are provided when content requires user input. (Level A)
- [**Sufficient Techniques** for 3.3.2 - Labels or Instructions](https://www.w3.org/WAI/WCAG21/quickref/#labels-or-instructions)
- [G131: Providing descriptive labels](https://www.w3.org/WAI/WCAG21/Techniques/general/G131.html)
- [H90: Indicating required form controls using label or legend](https://www.w3.org/WAI/WCAG21/Techniques/html/H90.html)
- [**Principle** 3: Understandable](https://www.w3.org/TR/WCAG22/#understandable): Information and the operation of user interface must be understandable.
- [**Guideline** 3.3 Input Assistance](https://www.w3.org/TR/WCAG22/#input-assistance): Help users avoid and correct mistakes.
- [**Success Criterion** 3.3.2 Labels or Instructions](https://www.w3.org/TR/WCAG22/#labels-or-instructions): Labels or instructions are provided when content requires user input. (Level A)
- [**Sufficient Techniques** for 3.3.2 - Labels or Instructions](https://www.w3.org/WAI/WCAG22/quickref/#labels-or-instructions)
- [G131: Providing descriptive labels](https://www.w3.org/WAI/WCAG22/Techniques/general/G131.html)
- [H90: Indicating required form controls using label or legend](https://www.w3.org/WAI/WCAG22/Techniques/html/H90.html)
2 changes: 1 addition & 1 deletion slides/wcag-intro.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
## 3. WCAG 2.1 als Basis
## 3. WCAG 2.2 als Basis

- WCAG: Web Content Accessibility Guidelines
- [W3C Recommendation](https://www.w3.org/TR/WCAG/)
Expand Down

0 comments on commit b43c845

Please sign in to comment.