Der stolperfreie Blog - Alles über barrierefreies Web

In meinem Blog informiere ich regelmäßig über viele Themen aus der Welt der Barrierefreiheit. Von barrierefreier Gestaltung über robuste Entwicklung bis hin zu inklusiver Redaktion.

Keinen Beitrag mehr verpassen!

Jetzt per Newsletter erhalten

Modern Wege finden – Barrierefreie Karten und Navigation
Mit dem Aufkommen smarter Städte, Indoor-Navigation und Echtzeitdaten ist theoretisch vieles möglich: automatische Hinweise, wenn ein Aufzug defekt ist oder Routen ohne Treppen. Doch solche Systeme werden oft ohne echte Teilhabe entwickelt. Was bringt eine Navigation, die einem eine barrierefreie Route zum Zielort plant, wenn diese selbst garnicht barrierefrei ist? Was sind eigentlich barrierefreie Karten…
23.4.2025
Inklusive Videokonferenz – Zoom, Meet & Teams im Vergleich
Spätestens seit der Corona-Pandemie kommt kaum noch jemand ohne Online-Meetings aus. Aber auch Schulungen finden immer häufiger per Webinar statt, sogar ganze Konferenzen gibt es nur noch online. Doch wie steht es um die Barrierefreiheit dieser digitalen Treffpunkte? Können wirklich alle Menschen gleichberechtigt teilnehmen? Vergleichen wir doch einmal die gängigsten Videokonferenz-Plattformen und schauen, wie Sie…
16.4.2025
Breadcrumbs – Was ist eine Brotkrumen-Navigation?
Das Märchen von Hänsel und Gretel kennen wohl die meisten. Die Kinder werden in den Wald gebracht, hinterlassen aber einen Pfad aus Brotkrumen hinter sich. Den wollen sie zurückverfolgen um wieder aus dem Wald zu finden. Jetzt sollte eine Website kein undurchdringlicher Wald sein, aber manchmal ist es trotzdem hilfreich, den gegangenen Pfad zu kennen…
9.4.2025
Barrierefreie und nachhaltige Webentwicklung als Synergie
Ein Gastbeitrag von Ingo Steinke, nachhaltiger Webentwickler aus Berlin. Barrierefreiheit und Nachhaltigkeit in Webdesign und Webentwicklung haben einiges gemeinsam: sie werden oft zu Unrecht unterschätzt, sie verbessern die Nutzererfahrung (Usability), bringen damit oft auch wirtschaftliche Verbesserungen, also mehr Geld aufs Konto, und werden von Suchmaschinen und deren Algorithmen belohnt. Was bedeutet nachhaltige und barrierefreie Webentwicklung?…
2.4.2025
Barrierefreie E-Mails und Newsletter
Digitale Barrierefreiheit endet für Menschen mit Einschränkungen nicht am Rand des Browserfensters. Wir versuchen, Nutzer langfristig an Unternehmen zu binden, versenden Newsletter oder kleine Erinnerungen per E-Mail, dass noch ein Produkt im Warenkorb liegt. Die Bestellbestätigung lässt dann hoffentlich nicht lang auf sich warten. Legen wir Wert auf barrierefreie E-Mails und Newsletter, dann stellen wir…
26.3.2025
Die Brailleschrift erklärt – Lesen mit den Fingerspitzen
Es ist ein beliebtes Kinderspiel: ohne zu schauen in einen Beutel greifen und erfühlen, was wohl darin sein könnte. Doch was für die meisten ein Spiel ist, ist für Menschen mit starken Sehbeeinträchtigungen Alltag. Sie sind auf die Fähigkeit, Dinge erfühlen zu können, angewiesen. Hier kommt das 2-Sinne-Prinzip ins Spiel. Informationen sollen mindestens über zwei Sinne zugänglich…
20.3.2025
aria-hidden oder display: none – Inhalte barrierefrei ausblenden
Manchmal muss man Dinge verstecken. Sei es die Schokolade vor den Kindern, das Chaos im Wohnzimmer vor unangekündigtem Besuch – oder digitale Inhalte, die zwar da sind, aber nicht für alle sichtbar sein sollen. Aber warum sollte man Inhalte auf einer Website unsichtbar machen? Vielleicht sind es rein dekorative Elemente, die für Screenreader keinen Mehrwert…
12.3.2025
Hochkontrast und Schriftvergrößerung – die Accessibility Toolbar
Sie werden sicher schon darüber gestolpert sein: Dauerhaft sichtbare oder hinter einem Button versteckte Funktionen, die Nutzer einer Website verwenden können, um die Seite für sie scheinbar lesbarer zu machen. Die häufigsten Optionen sind Hochkontrastversionen (weißer oder gelber Text auf schwarzem Hintergrund) und Schriftvergrößerungen. Doch braucht es diese Einstellungsmöglichkeiten eigentlich für eine barrierefreie Website? Das…
5.3.2025
Ein Overlay im HTML-Standard mit dialog und popover umsetzen
Früher gab es richtige Popups – Werbung und andere Dinge luden munter in neuen Fenstern, die sich dann über das aktuelle Browserfenster setzten. Je mehr sich in den Browsern aber Popup-Blocker verbreiteten, desto weniger genutzt wurden sie. Das ist super, denn barrierefrei waren diese Popups nicht. und nervig sowieso. Doch Inhalte, die sich in neuen…
26.2.2025
HTML-Listen für barrierefreie Aufzählungen
Wir schreiben sie jeden Tag: ToDo-Listen, Checklisten, Einkaufslisten. Und doch machen wir uns selten darüber Gedanken, was so eine Liste eigentlich ist. Dabei ist es einfach: Listen sind alle Arten von Aufzählungen. Immer dann, wenn man also übersichtlich mehrere Stichpunkte zu einem Thema schreiben möchte, dann hat man grundsätzlich eine Liste. Schauen wir uns heute…
19.2.2025
Richtlinien für Einfache Sprache – Merkmale und Beispiele
Auf Konferenzen und Business-Plattformen glaubt man manchmal, dass das Fachchinesisch mancher Akademiker die Oberhand gewonnen hat. Dabei bleibt oft eines auf der Strecke: die Verständlichkeit. Wer hat nicht schon einmal vor einem unverständlichen Text kapituliert? Dabei gibt es eine Lösung, die nicht nur für Behörden und Unternehmen, sondern auch für den Alltag von großer Bedeutung…
12.2.2025
Barrierefreie Cards mit HTML und CSS umsetzen
Cards sind ein beliebtes Inhaltselement auf Blogs und Online-Shops. So können sie einfach und schnell mit HTML und CSS barrierefrei umgesetzt werden.
5.2.2025
Ihr Online-Shop barrierefrei – so geht’s!
Ist Ihr Online-Shop barrierefrei? Ab Juni 2025 muss er es womöglich sein. Was sind die größten Barrieren im E-Commerce und wie behebt man sie? Eine Checkliste.
29.1.2025
Darkmode oder Dunkelmodus auf Ihrer Website
Der Darkmode oder auch Dunkelmodus gilt als stromsparend und augenschonend. Stimmt das und wie können sich Websites das zunutze machen?
22.1.2025
Was ist der Accessibility Tree?
Der Accessibility Tree erweitert den DOM-Baum um Barrierefreiheitsinfos für Screenreader und assistive Technologien. Ich erkläre, wie er aufgebaut ist.
15.1.2025
Fokus auf CSS – focus, focus-within und focus-visible
Wie gestaltet man mit CSS das fokussierte Element richtig und wo liegt der Unterschied zwischen den CSS-Pseudoklassen focus, focus-within und focus-visible?
8.1.2025
Wie nutze ich Untertitel für mein Video richtig?
Viele Menschen wollen inzwischen Untertitel für ihr Video nutzen. Hier erfahren Sie, wie Sie Untertitel in Ihr Video richtig einfügen.
1.1.2025
Der stolperfreie Adventskalender – 24 Türchen in die digitale Barrierefreiheit
24 Tage, 24 Einblicke in die digitale Barrierefreiheit. Jeden Tag warten hilfreiche Tipps zur Umsetzung einer barrierefreien Website.
1.12.2024
Barrierefreie PDF Teil 3 – Barrierefreie PowerPoint in PDF umwandeln
Erstellen Sie barrierefreie PowerPoint-Präsentationen und lernen Sie, wie Sie diese in barrierefreie PDF umwandeln, um alle Zuhörenden zu erreichen.
27.11.2024
Barrierefreie PDF Teil 2 – Barrierefreies PDF erstellen und prüfen
Mit den passenden Einstellungen lassen sich einigermaßen barrierefreie PDF erstellen. Wir erklären, wie das in MS Word und LibreOffice Writer funktioniert.
20.11.2024
Barrierefreie PDF Teil 1 – Was sind barrierefreie PDF?
Was bedeutet es für ein PDF, barrierefrei zu sein? Wie wird getestet? Was muss bei der Erstellung beachtet werden? Eine Einführung in barrierefreie PDF.
13.11.2024
Großbuchstaben – ein großes Problem für die Barrierefreiheit?
Überschriften und Beschriftungen in Großschreibung können modern und aufgeräumt wirken. Aber passen Großbuchstaben und Barrierefreiheit wirklich zusammen?
6.11.2024
Echtzeit-Updates mit ARIA Live Region
Eine ARIA Live Region kann eingesetzt werden um Screenreadern Änderungen an der Website mitzuteilen. Doch wie werden sie barrierefrei eingesetzt?
30.10.2024
Alternativtext-Duplikate
Einen Alternativtext zu schreiben ist für eine Barrierefreie Website wichtig. Aber sind doppelt verwendete Alternativtexte ein Problem?
23.10.2024
Konzentration auf Websites fördern bei ADHS-Symptomen
Nutzern mit ADHS fällt die Konzentration auf lange Texte oft schwer. Wie kann man ihnen die Benutzung einer Website erleichtern und die Konzentration fördern?
16.10.2024
Position sticky und fixed auf barrierefreien Websites
Mit position: sticky und fixed bleiben Elemente im Viewport während man scrollt. Doch sie müssen bewusst eingesetzt werden um nicht zur Barriere zu werden.
9.10.2024
Das HTML-Tag abbr – Abkürzungen richtig pflegen
Abkürzungen können das Lesen erleichtern, wenn sie klug eingesetzt werden. Aber sie müssen auch erklärt werden. Wie geht das mit dem HTML-Element abbr?
2.10.2024
Barrierefreies Akkordeon nur mit HTML auf Ihrer Website
Akkordeons ist als Inhaltselement inzwischen Standard. Doch stellen sie oft ein Problem für Menschen mit Behinderung dar. Gibt es ein Akkordeon barrierefrei?
25.9.2024
Die Navigation barrierefrei umsetzen
Eine barrierefreie Navigation ist das Kernstück einer Website. Doch wann ist eine Navigation barrierefrei und wessen Job ist das?
18.9.2024
5 einfache Tricks, von denen Fachleute für Barrierefreiheit nicht wollen, dass du sie kennst
Gibt es Möglichkeiten, eine Website schnell und unkompliziert barrierefrei umzusetzen, die einem überbezahlte Fachleute für Barrierefreiheit nicht verraten?
11.9.2024
Barrierefreiheit Ihrer Website – bald Pflicht der Entwickler?
Aktuell haften die Betreiber einer Website bei Verstößen gegen geltendes Recht. Doch was passiert, wenn Entwickler für die Barrierefreiheit haften?
4.9.2024
Mit Autismus im Internet – Digitale Barrierefreiheit für neurodivergente Menschen
Das Autismus-Spektrum ist vielfältig und so sind die Barrieren, vor denen Menschen mit Autismus im Internet stehen. Welche Lösungen gibt es?
28.8.2024
Relative Einheiten in CSS nutzen
Responsive und barrierefreie Websites gelingen durch relative Einheiten im CSS, damit Nutzer sich die für sie beste Schriftgröße selbst wählen können.
21.8.2024
Barrierefreie Visitenkarten – aus analog mach digital
Visitenkarten können eine Möglichkeit sein, beruflich in Kontakt zu bleiben. Doch nur barrierefreie Visitenkarten schließen wirklich alle Geschäftskontakte ein.
14.8.2024
Gliederung von Texten – großer Text macht noch keine Überschrift
Großer Text macht noch keine Überschrift und eingerückte Absätze kein Blockquote. Über die richtige Gliederung von Texten mit Überschriften, Listen und Zitaten.
7.8.2024
Tabellen barrierefrei umsetzen
Tabellen sind nicht für mehrspaltige Layouts da. Ich erkläre, wie man Tabellen barrierefrei einsetzt und Datentabellen von Layouttabellen unterscheidet.
31.7.2024