Accessibility
Learn Accessible Web Design
ScrimbaJuni 2025 · 1,6 Std · 28 Lektionen
Praxiskurs zu barrierefreiem Web-Design: Textkontraste, Alternativtexte, Links und Labels, semantisches HTML, Textgrößen und Heading-Struktur, ARIA inklusive Live-Regions, zugängliches JavaScript, das korrekte Verbergen von Inhalten und ein Skip-Navigation-Link. Jedes Thema wird zuerst als „Aside“ erklärt und unmittelbar danach als Challenge im Editor umgesetzt; zum Abschluss steht eine zweiteilige Gesamt-Challenge.
Format
Interaktive Scrims mit Challenges
Inhalte & Kompetenzen
- Web-Barrierefreiheit verstehen: wen sie betrifft und woran Nutzung scheitert
- Farbe und Kontrast: Textkontraste prüfen und korrigieren, Farbe nie als einzigen Informationsträger einsetzen
- Alternativtexte und aussagekräftige Links statt „hier klicken“
- Formulare: Labels korrekt verknüpfen, Radio-Buttons sinnvoll gruppieren
- Semantisches HTML: echte Listen, saubere Heading-Hierarchie, skalierbare Textgrößen
- ARIA gezielt einsetzen — inklusive Live-Regions für dynamisch nachgeladene Inhalte
- Zugängliches JavaScript, Inhalte korrekt vor Screenreadern verbergen, Skip-Navigation-Link umsetzen
- Alles zusammen in einer zweiteiligen Abschluss-Challenge
Kursaufbau
Kursinhalt28 Lektionen · 1,6 Std.
- Accessible Development Intro
- Understanding web accessibility
- Aside: Text contrast
- Aside: Use of color
- Text contrast
- Aside: Alternative text
- Aside: Links
- Links and alternative text
- Aside: Labels
- Aside: Radio buttons
- Labels
- Semantic HTML
- Lists
- Text-size
- Headings
- ARIA
- ARIA live regions
- Aside: Accessible JavaScript
- Aside: Hiding content
- Aside: Skip Navigation Link Part 1
- Aside: Skip Navigation Link Part 2
- Skip Navigation Link
- Final challenge part 1
- Final challenge part 2
- Want to become a Scrimbassador?
- Outro
- How to Utilize Your Certificate
- Certificate of Completion
Themen
WCAGBarrierefreiheit