HAPPY WEBVENT – der Website Adventskalender. Mach Deine Website fit fürs neue Jahr!

Jetzt für € 0,- anmelden.

Aufzeichnung Webinar: Barrierefreiheit auf der Website – Mehr erreichen, weniger ausschließen

Aufzeichnung Webinar Barrierefreiheit auf der Website: Erfahre praxisnahe Tipps, wie Du als Selbstständige:r Deine Seite testest & weniger Menschen ausschließt.

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

Zeitstempel

00:00:00Einführung
00:14:07Häufige Stolpersteine
00:37:16Tools
00:42:05Live Test
01:03:04Guide „Mach Deine Website barrierefrei“
01:05:03Offene Fragerunde

Tool Empfehlungen

Google Chrome Browser Erweiterungen

Screenreader

Plugins

Weitere Ressourcen aus meinem Blog

Guide

Mock-up des Guides "Mach Deine Website barrierefrei* oder zumindest barrierearmer"

Guide „Mach Deine Website barrierefrei oder zumindest barrierearmer“

Hol Dir hier im Tausch gegen Deine Mailadresse meinen umfangreichen Guide inklusive Checkliste.

👉 Zum Accessibbility Guide

Weitere Beiträge rund um Accessibility & Barrierefreiheit auf Deiner Website

Ein Pfeil als Maussymbol, das auf eine Sprechblase mit dem Text "Bitte folgen" klickt als Symbolbild für sprechende Links.
Website Accessibility. Sprechende Links sind selbsterklärende Links, die die Nutzungserfahrung Deiner Website verbessern. Wie erfährst Du in diesem Blogbeitrag.
Ein Warndreieck als Symbol für Barrierefreie Fehlermeldungen auf der Website und wie klare Hinweise Fehlermeldungen für alle verständlich machen.
Fehlermeldungen barrierefrei gestalten: Hilfreiche Texte, klare Auszeichnungen und starke Icons. So finden alle den Fehler – und wissen, was zu tun ist.
Eine Lupe lenkt die Aufmerksamkeit auf eine Überschrift mit breiterem Abstand als konkretes Beispiel für Letter Spacing. Ein Pfeil verdeutlicht den erhöhten Zwischenabstand der Buchstaben.
Letter Spacing richtig nutzen: Tipps zum Buchstabenabstand für barrierefreies Webdesign, das lesefreundlich und inklusiv gestaltet ist.
Ein Fülltext mit farblich hervorgehobenen Links demonstriert, wie Accessibility für Links aussehen kann, damit Links auch optisch für alle zugänglich sind.
Accessibility für Links: Warum Farbe allein nicht reicht. Tipps für erkennbare, nutzbare Links. Aus meiner Reihe Barrierefreiheit auf der Website.
Illustration eines Browserfensters mit einem Videoplayer sowie einem Podcastscreen als Symbolbild für Accessibility Tipps für Video und Audio.
Accessibility Tipps für Video und Audio: So machst Du Deine Inhalte barrierefrei, inklusiv und SEO-stark. Aus meiner Reihe Barrierefreiheit auf der Website.
Screenshot eines Kontaktformulars als Beispiel für barrierefreie Formulare.
Website Accessibility. Wie Du Deine Formulare inklusiv & zugänglich gestalten kannst und worauf Du dabei achten solltest, erkläre ich Dir in diesem Blogbeitrag.
Ein Megafon auf gelbem Hintergrund mit dem Text "Kommuniziere, was passiert!" als Symbol für Accessibility und barrierefrei gestaltete Formulare.
Erfahre, warum klare Rück­meld­ung­en auf Deiner Website wichtig für Barrierefreiheit sind – besonders bei Formularen – und wie Du diese kommunizierst.
Weißer Laptop mit Illustration verschiedener Augen als Symbolbild für die Wichtigkeit der Farbkontraste für die Website.
Warum gute Farbkontraste mehr sind als Design-Schnickschnack und Deine Website inklusiver machen – und wo Du sie über­prüf­en kannst, zeige ich Dir im Video.
How to Weiterlesen-Links für Screenreader verständlich machen.
Erfahre, wie Du die Weiterlesen-Links auf Deiner Blogübersichtsseite für Screenreader optimierst und Deinen Blog barrierefreier & nutzerfreundlicher machst.
Illustration eines Browserfensters mit einem Bild mit zwei Bergen, an dem ein Label "ALT" hängt als Symbolbild für Alt-Texte.
Website Accessibility. Alt-Texte machen Deine Website für alle zugänglich – sie helfen Menschen mit Sehbehinderungen, langsamen Verbindungen und Suchmaschinen.

2 Antworten

  1. Liebe Britta, vielen Dank für deinen Enthusiasmus, deine vielen Informationen und vor allem, dass du diese Aufzeichnung auf deinem Blog zur Verfügung gestellt hast. Du hast mir da schon eine Menge Fragen beantwortet und mich extrem motiviert, meine Seite in Sachen Barriereabbau auf Zack zu bringen!
    Liebe Grüße
    Angela

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Über mich
Britta Just lächelt in die Kamera.
Hi, ich bin Britta 🖐️
Hier teile ich mein Wissen rund um modernes Webdesign und gebe Dir Tipps, wie Du Deine Website in eine Marketing­maschine verwandelst, die Dein Angebot auch dann verkauft, wenn Du im Urlaub bist oder Zeit mit Deinen Liebsten verbringst.
Happy Webvent
Ein Schreibtisch mit Computerscreen in weihnachtlichem Setting, auf dem Bildschirm steht "Happy Webvent Adventskalender - 24 Impulse für eine Business Website, die für Dich arbeitet".
Mein Adventskalender 🎅🎄

24 Impulse für eine Business Website, die für Dich arbeitet.

Mit jedem Türchen opti­mier­st Du gezielt die wichtigsten Seiten und Ab­schnitte – ganz ohne Technik­stress und Über­for­der­ung.

So machst Du Deine Web­site fit für 2026 👇

Aktuelles
Mockup des Guides "Der ultimative WordPress Website Wartungsguide inklusive Checkliste".
So wartest Du Deine Website

Hol Dir meinen Guide mit Tipp, wie Du Deine Website optimal wartest und aktuell hältst, inklusive Checkliste 👇

Suche