Alternativtexte mit KI generieren – funktioniert das wirklich?
KI kann Alternativtexte automatisch generieren – aber wie gut sind sie wirklich? Ein Praxis-Test zeigt Stärken, Schwächen und warum Kontext entscheidend ist.
5.8.2026
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.
Alle bisher erschienenen Artikel
Silbentrennung in HTML und CSS – sind hyphens und shy barrierefrei?
Silbentrennung in HTML oder CSS: Wie Trennungen mit und hyphens funktionieren, welche Vorteile sie haben und wann sie für Screenreader zum Problem werden.8.7.2026Conversion Rate Optimierung – Warum Barrierefreiheit heimlich Ihr bester Verkäufer ist
Conversion Rate Optimierung beginnt oft bei der Barrierefreiheit. Warum barrierefreie Websites mehr Kunden gewinnen und Kaufabbrüche reduzieren.24.6.2026HTML autocomplete – Wenn der Browser vorausdenkt
HTML autocomplete erklärt: Wie die Autofill funktioniert und wann automatische Vervollständigung für die Barrierefreiheit sinnvoll oder problematisch ist.10.6.2026Unicode Formatierung erklärt – warum Screenreader daran scheitern
„Fetter“ Text ohne HTML? Unicode Formatierung macht’s möglich – und kaputt. Warum das für Screenreader problematisch ist.27.5.2026Mehrfachauswahl in HTML – Wo Multiselect Probleme macht und Checkboxen helfen
Wer denkt, Mehrfachauswahl sei einfach, kennt Multiselect und HTML Checkbox noch nicht richtig. Wir schauen, was wirklich funktioniert.13.5.2026
Alle Beiträge im stolperfreien Blog wurden mit viel Zeit, Liebe, Wissen und einem großen Stapel Schokolade geschrieben.
Wenn Sie den stolperfreien Blog unterstützen und damit weitere Artikel ermöglichen wollen, würde ich mich über einen kleinen Beitrag sehr freuen.
Wenn Sie den stolperfreien Blog unterstützen und damit weitere Artikel ermöglichen wollen, würde ich mich über einen kleinen Beitrag sehr freuen.
Zwinkern, lachen, animieren – Emoticons, Emojis und Gif barrierefrei nutzen
Wie Sie kleine Symbole wie Emoticons, Smileys, Emojis und GIFs gezielt barrierefrei einsetzen, Stimmung vermitteln und Verständlichkeit sichern.29.4.2026APCA erklärt – Warum unser bisheriges Verständnis von Kontrast nicht reicht
APCA einfach erklärt: Wie neue Kontrastberechnung in den WCAG 3 Kontrast neu bewertet, die Lesbarkeit steigert und Barrierefreiheit im Web verbessert15.4.2026HTML main, nav, aside & co – So strukturierst du Webseiten mit Landmarks
Landmarks einfach erklärt – Wie die HTML-Elemente main, nav, header und ARIA-Rollen Orientierung auf Webseiten schaffen1.4.2026Was sind die ATAG? Barrierefreiheit beginnt schon beim Erstellen von Inhalten
ATAG (Authoring Tool Accessibility Guidelines) zeigen, wie Autorentools Accessibility unterstützen – von der Bedienbarkeit bis zu barrierefreien Inhalten.18.3.20260% Barrierefreiheit, 100% bei Google Lighthouse?
Lighthouse & Co. gegen die schlimmste Website der Welt – wie zuverlässig sind heutige Barrierefreiheitstests?4.3.2026Einen Chatbot barrierefrei gestalten
Erfahren Sie, wie Sie einen Chatbot barrierefrei einsetzen und so Support für alle Nutzer zugänglich, verständlich und effizient machen.8.10.2025Was macht eine Bildschirmlupe?
Mehr als nur Zoom: Die Bildschirmlupe vergrößert Inhalte. Wie funktioniert sie genau, wie wird sie aktiviert und welche Stolperfallen gibt es?1.10.2025Sind Sprachsteuerung und Sprachassistent das Gleiche?
Sprachsteuerung oder Sprachassistent – was ist der Unterschied? Und welche Rolle spielt das für die digitale Barrierefreiheit?24.9.2025WCAG 3.0 und ihr aktueller Status – die Zukunft der Barrierefreiheit
Die WCAG 3.0 verändern digitale Barrierefreiheit grundlegend. Was sich ändert, wann der Standard kommt und was Entwickler jetzt wissen sollten.17.9.2025Die WCAG 2.2 und der Unterschied zwischen den Konformitätsstufen A, AA, AAA
Die WCAG einfach erklärt: Das steckt hinter den Richtlinien für Barrierefreiheit – inklusive Konformitätsstufen, Grundprinzipien und rechtlicher Einordnung.10.9.2025Internet für Senioren – Barrierefreiheit im Alter
Gibt es ein Internet für Senioren? So gestalten Sie barrierefreie Websites, die auch im Alter verständlich, bedienbar und lesbar bleiben.3.9.2025Mehrsprachige Websites barrierefrei gestalten –vom HTML lang-Attribut bis Flaggenkunde
Mehrsprachige Websites barrierefrei gestalten: Tipps zum HTML-lang-Attribut, einem zugänglichen Sprachumschalter und internationaler Nutzerfreundlichkeit.25.6.2025Icon-Buttons richtig beschriften – so werden sie mit aria-label und co. barrierefrei
Sie verwenden Buttons nur mit Symbolen? So setzen Sie aria-label, aria-labeled by und co. richtig ein um Icon-Buttons screenreaderfreundlich umzusetzen.20.6.2025Wie steht es international um digitale Barrierefreiheit?
Digitale Barrierefreiheit ist international Pflicht – doch die Umsetzung variiert stark. Ein Blick auf Gesetze anderer Länder zeigt, wie es um Inklusion steht.11.6.2025Wie erstelle ich eine Barrierefreiheitserklärung?
Was ist eine Erklärung zur Barrierefreiheit, wozu braucht es sie und kann ich mich damit um die Pflicht zur barrierefreien Website drücken?4.6.2025Mit HTML fett und kursiv schreiben – strong, b, em, i und co.
Mit welchen HTML-Tags wird Text fett oder kursiv? Ein Überblick über strong, b, em, i und ihre unbekannteren Kollegen mark, s, del und ins.28.5.2025Barrierefreiheit im Notfall – Wie zugänglich ist der deutsche Notruf?
Der Notruf muss barrierefrei sein – auch für gehörlose, stumme und schwerhörige Menschen. Ein Überblick über digitale Notruflösungen und gesetzliche Vorgaben.21.5.2025Kleine Rampe, große Wirkung – der Curb-Cut-Effect
Barrierefreiheit ist nur für wenige? Der Curb-Cut-Effect zeigt das Gegenteil. Was steckt dahinter und was haben behinderte und nicht-behinderte Menschen davon?14.5.2025Den HTML tabindex richtig einsetzen
Wie lässt sich die Tab-Reihenfolge in HTML steuern? Welche HTML-Elemente sind fokussierbar? Das HTML-Attribut tabindex als Schlüssel zu mehr Barrierefreiheit.7.5.2025Drag and Drop barrierefrei, tastaturbedienbar und screenreaderfreundlich
Drag and Drop barrierefrei: So entstehen sortierbare Listen und Slider tastaturbedienbar und screenreaderfreundlich mit intuitiver Bedienung für alle.30.4.2025Modern Wege finden – Barrierefreie Karten und Navigation
Barrierefreie Karten helfen Menschen mit Behinderungen, sich sicher zu orientieren – ob analog oder digital. Was heute schon geht und was wir noch brauchen.23.4.2025Inklusive Videokonferenz – Zoom, Meet & Teams im Vergleich
Was macht eine barrierefreie Videokonferenz aus und wie setzen die bekanntesten Anbieter Zoom, Google Meet und Microsoft Teams diese Anforderungen um?16.4.2025Breadcrumbs – Was ist eine Brotkrumen-Navigation?
Wie helfen Breadcrumbs bei der Navigation auf der Website, wann ist eine Breadcrumb-Navigation überhaupt sinnvoll und wie lassen sie sich barrierefrei umsetzen?9.4.2025Barrierefreie und nachhaltige Webentwicklung als Synergie
Nachhaltiges Webdesign und barrierefreie Webentwicklung: So entstehen zugängliche, ressourcenschonende Websites, die Mensch und Natur helfen.2.4.2025Barrierefreie E-Mails und Newsletter
Sind Ihre E-Mails wirklich für alle zugänglich? Erfahren Sie, worauf es bei barrierefreien Mails und Newslettern ankommt.26.3.2025Die Brailleschrift erklärt – Lesen mit den Fingerspitzen
Brailleschrift macht Texte fühlbar – mit Braille-Display und Braille-Tastatur die Blindenschrift für blinde und sehbehinderte Menschen erfahrbar machen.20.3.2025aria-hidden oder display: none – Inhalte barrierefrei ausblenden
Wie werden Inhalte barrierefrei ausgeblendet und wann ist welche Methode sinnvoll? display: none, hidden, aria-hidden & Co. einfach erklärt.12.3.2025Hochkontrast und Schriftvergrößerung – die Accessibility Toolbar
Viele Websites verfügen über eine Reihe alternativer Anzeigen. Ob Hochkontrastversion oder Schriftvergößerung – welche Alternativen sind wirklich nützlich?5.3.2025Ein Overlay im HTML-Standard mit dialog und popover umsetzen
Overlay, modales Fenster, Popup: Namen haben sie viele. Boxen, die sich über dem Inhalt öffnen. Mit popover und dialog lassen sie sich im HTML umsetzen.26.2.2025HTML-Listen für barrierefreie Aufzählungen
Was ist der Unterschied zwischen geordneten Listen, ungeordneten Listen und Definitionslisten und wie nutzt man sie um Inhalte barrierefrei zu strukturieren?19.2.2025Richtlinien für Einfache Sprache – Merkmale und Beispiele
Für wen ist Einfache Sprache hilfreich und welche Normen gibt es? Wir schauen uns Merkmale und Beispiele Einfacher Sprache an.12.2.2025Barrierefreie 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.2025Ihr 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.2025Darkmode 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.2025Was 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.2025Fokus 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.2025Wie nutze ich Untertitel für mein Video richtig?
Viele Menschen wollen inzwischen für ihr Video Untertitel nutzen. Hier erfahren Sie, wie Sie Untertitel manuell erstellen und in Ihr Video richtig einfügen.1.1.2025Der 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