Artikel
Was sind die WCAG? Die WCAG sind Richtlinien, die vom…
Kostenlos
Digitale Barrierefreiheit lernen und meistern
Dein Lernpfad
Schritt für Schritt zur barrierefreien Website. Lerne mit Videos, Artikeln und Quizzes die wichtigsten Techniken und Standards.
Dein Fortschritt
0% 2/62 des Lernpfads abgeschlossen
Der Fortschritt wird nur als Premium gespeichert!
Gesetze und Standards
- Zum Artikel: WCAG einfach erklärt
- Zum Artikel: WCAG-Konformitätsstufen: A, AA, AAAArtikelWas sind Konformitätsstufen? Die Konformitätsstufen beschreiben, wie umfassend die Anforderungen…Premium
- Zum Artikel: Behindertengleichstellungsgesetz (BGG) – kurz & verständlichArtikelWas ist das BGG? Das BGG trat erstmals 2002 in…Premium
- Zum Artikel: EN 301 549 – EU-Norm für digitale BarrierefreiheitArtikelWas ist die EN 301 549? Die EN 301 549…Kostenlos
- Zum Artikel: Was ist die BITV 2.0?ArtikelWas ist die BITV 2.0? Die „Barrierefreie-Informationstechnik-Verordnung 2.0“ (BITV 2.0)…Kostenlos
- Zum Artikel: Bin ich vom BFSG betroffen?ArtikelWas ist das BFSG? Das Barrierefreiheitsstärkungsgesetz wurde 2021 beschlossen und…Kostenlos
- Zum QuizQuizPremium
Design & Gestaltung
- Zum Artikel: Barrierefreie Typografie: Lesbare Schrift für alleArtikelWarum Typografie über Erfolg oder Misserfolg entscheidet Schlechte Typografie lenkt…Premium
- Zum Artikel: Barrierefreie Farben: Kontraste, die für alle funktionierenArtikelFarben sind eines der stärksten Gestaltungsmittel im Webdesign.Kostenlos
- Zum Video: Farbkontraste überprüfen und Fehler behebenVideoWas du lernst In diesem Video lernst du, wie du…05:52Premium
- Zum Video: Farbkontraste in Figma prüfenVideoWas du lernst In diesem Video zeigen wir dir, wie…01:39Premium
- Zum Artikel: UX und digitale Barrierefreiheit: Warum sie Hand in Hand gehenArtikelDer große Design-Mythos Viele Designer fürchten: "Wenn ich barrierefrei designe,…Premium
- Zum Artikel: Mehrere Navigationsmöglichkeiten: Verschiedene Wege zum ZielArtikelWarum mehrere Navigationswege wichtig sind Nicht alle Menschen denken und…Premium
- Zum Artikel: Barrierefreie Icons: Symbole für alle verständlich machenArtikelIcons sind fester Bestandteil moderner Benutzeroberflächen – sie sind schnell…Premium
- Zum Artikel: Komplexe Bilder barrierefrei gestalten: Diagramme, Charts und InfografikenArtikelKomplexe Bilder wie Diagramme, Infografiken und Charts stellen eine besondere…Premium
- Zum Artikel: Screendesign Barrierefreiheit: Was Designer vorbereiten müssenArtikelWarum Designer für Barrierefreiheit entscheidend sind Designer denken in Nutzererlebnissen…Premium
- Zum QuizQuizPremium
Content und Redaktion
- Zum Artikel: Alt Texte schreiben: Barrierefreie Bildbeschreibungen für alleArtikelWarum Alt Text Barrierefreiheit so wichtig ist Alt Text ist…Kostenlos
- Zum Artikel: Text als echter Text: Warum Textbilder ein Problem sindArtikelDas Problem mit Text als Bild Textbilder sehen gut aus,…Premium
- Zum Artikel: HTML-Formatierungen richtig verwenden für InhalteArtikelFormatierungen haben zwei Ebenen: das Aussehen und die Bedeutung. Im…Premium
- Zum Artikel: „Mehr lesen“ Links: Das versteckte Barrierefreiheits-ProblemArtikelDas Problem mit "Mehr lesen" Links Stell dir vor, du…Premium
- Zum Artikel: Beschreibende Seitentitel: Das Aushängeschild deiner WebsiteArtikelWas sind Seitentitel und warum sind sie so wichtig? Der…Premium
- Zum Artikel: Barrierefreie HTML-Überschriften: Die richtige Strukturierung von InhaltenArtikelMit der richtigen HTML-Überschriften-Struktur wird eine Website barrierefrei – und…Premium
- Zum Video: Überschriftenhierarchie richtig testenVideoWas du lernst In diesem Video zeigen wir dir, warum…04:37Premium
- Zum Artikel: Listen richtig verwenden: ul und ol für barrierefreie WebsitesArtikelWas sind Listen und warum sind sie wichtig? Listen strukturieren…Premium
- Zum Artikel: Videos mit Untertiteln: Warum sie unverzichtbar sindArtikelWann braucht man Untertitel? Rechtlich verpflichtend sind Untertitel in vielen…Kostenlos
- Zum Artikel: Live-Inhalte haben Untertitel: Echtzeit-Barrierefreiheit für alleArtikelWann sind Live-Untertitel notwendig? In manchen Fällen sind Live-Untertitel gesetzlich…Premium
- Zum Artikel: Transkripte für Audioinhalte bereitstellen: So machst du Podcasts & Co. barrierefreiArtikelWarum Transkripte wichtig sind Audioinhalte wie Podcasts, Interviews oder Vorlesungen…Premium
- Zum Artikel: Videos mit Audiodeskriptionen: Wenn Bilder zu Sprache werdenArtikelWas sind Audiodeskriptionen? Audiodeskriptionen sind gesprochene Beschreibungen wichtiger visueller Inhalte.…Premium
- Zum Artikel: Was ist Leichte Sprache und braucht deine Website das?ArtikelWas ist Leichte Sprache? Leichte Sprache ist eine sehr einfache…Kostenlos
- Zum QuizQuizPremium
Entwicklung & technische Umsetzung
- Zum Artikel: HTML Landmarks: Semantische Navigation für alle NutzerArtikelWas sind HTML Landmarks? Landmarks sind semantische HTML-Elemente, die verschiedene…Premium
- Zum Artikel: Link oder Button? Der einfache UnterschiedArtikelDie einfache Regel Links führen woanders hin. Buttons machen etwas.…Premium
- Zum Artikel: Text ist skalierbar: Vergrößerung bis 200% ohne FunktionsverlustArtikelWarum 200% Vergrößerung wichtig ist Menschen mit Sehbehinderungen sind oft…Premium
- Zum Artikel: Sprache der Seite definieren: Ein wichtiger Schritt für BarrierefreiheitArtikelWarum die Sprachdefinition wichtig ist Screen Reader nutzen die Sprachinformation,…Premium
- Zum Artikel: Mehrsprachige Websites barrierefrei machen: Was du beachten musstArtikelDie häufigsten Fallen bei mehrsprachigen Websites Selbst große Unternehmen machen…Premium
- Zum Artikel: Inhalte sind bei 320px Breite lesbar: Reflow für kleinste BildschirmeArtikelWarum 320px Breite so wichtig ist 320px ist die Mindestbreite,…Premium
- Zum Artikel: Barrierefreie Formulare im Web: Der ultimative LeitfadenArtikelWarum barrierefreie Formulare wichtig sind Ein einfacher Test: Schließe die…Premium
- Zum Artikel: Barrierefreie CAPTCHAs: Sicherheit für alle zugänglich machenArtikelWas sind CAPTCHAs und warum sind sie problematisch? CAPTCHA steht…Premium
- Zum Artikel: Animationen und die 5-Sekunden-Regel: Warum Stop-Buttons wichtig sindArtikelDie 5-Sekunden-Regel verstehen Die Web Content Accessibility Guidelines (WCAG) besagen…Premium
- Zum Artikel: Skip to Content: Sprungmarken für bessere NavigationArtikelWas sind Skip to Content Links? Skip to Content Links…Premium
- Zum Artikel: Prefers-reduced-motion einfach erklärtArtikelWas ist prefers-reduced-motion? prefers-reduced-motion ist eine CSS Media Query, die…Kostenlos
- Zum Artikel: Barrierefreie Videoplayer nutzen: So machst du deine Videos wirklich zugänglichArtikelWarum ein barrierefreier Player wichtig ist Selbst wenn dein Video…Premium
- Zum Artikel: Mobile Websites mit der Tastatur bedienenArtikelWer nutzt Tastaturen auf mobilen Geräten? Die Vorstellung, dass mobile…Premium
- Zum Artikel: Barrierefreie Akkordeons mit HTML, CSS und JSArtikelAkkordeons sind eine bewährte Methode, um Inhalte auf Webseiten kompakt…Kostenlos
- Zum Artikel: Barrierefreie Tabs mit HTML, CSS und JSArtikelSo entwickelst du Tabs, die zugänglich, ARIA-konform und per Tastatur…Kostenlos
ARIA-Attribute
- Zum Artikel: Was sind ARIA-Attribute überhaupt?ArtikelARIA steht für "Accessible Rich Internet Applications" - klingt kompliziert,…Premium
- Zum Artikel: aria-label: Der ultimative GuideArtikelWas ist aria-label und warum ist es so mächtig? Aria-label…Premium
- Zum Video: aria-label in der praxis erklärtVideoWas du lernst In diesem Video zeigen wir anhand konkreter…05:33Premium
- Zum Artikel: aria-labelledby: Flexible Beschriftungen für bessere BarrierefreiheitArtikelWas ist aria-labelledby? Stell dir vor, du hast eine Tabelle…Premium
- Zum Artikel: aria-expanded: Der Schlüssel für verständliche interaktive ElementeArtikelWas ist aria-expanded und warum brauchst du es? Stell dir…Premium
- Zum Artikel: Was ist aria-current=“page“?ArtikelWas ist aria-current="page"? aria-current wird bei Links verwendet, um zu…Premium
- Zum Artikel: aria-live: Dynamische Inhalte für Screen Reader zugänglich machenArtikelWas ist aria-live und warum brauchst du es? Stell dir…Premium
- Zum Artikel: sr-only vs. aria-label: Wann welche Methode verwenden?ArtikelDie zwei Methoden kurz erklärt Zweck: Grundlegender Unterschied Was ist…Premium
- Zum Artikel: Weniger ist mehr: Wenn zu viel ARIA die Barrierefreiheit zerstörtArtikelDer große ARIA-Irrtum Hier ist ein weit verbreiteter Denkfehler: "Wenn…Premium
- Zum QuizQuizPremium
Testing
- Zum Artikel: Automatisierte Barrierefreiheit-Tests: Deine ersten 30% der BarrierefreiheitArtikelWarum automatisierte Tests unverzichtbar sind Automatisierte Tests sind dein erster…Premium
- Zum Artikel: Manuelles Barrierefreiheit-Testing: Die anderen 70% findenArtikelWarum manuelles Testing unverzichtbar ist Automatisierte Tools sind blind für…Premium
- Zum Artikel: Screenreader verstehen und testen: Dein Leitfaden zur auditiven Website-NavigationArtikelWas ist ein Screenreader? Ein Screenreader ist Software, die Bildschirminhalte…Premium
- Zum Video: Silktide Extension EinführungVideoWas du lernst In diesem Video bekommst du eine kompakte…04:42Premium
Digitale Barrierefreiheit und KI
- Zum Artikel: Alt Texte schreiben mit KI: Effizienter und trotzdem barrierefreiArtikelWarum KI für Alt Texte nutzen? Die manuelle Erstellung von…Premium
- Zum Video: Farbkontrast Fehler schnell mit KI behbenVideoWas du lernst Farbkontrast-Probleme kommen auf vielen Websites vor –…01:35Premium
