Zum Hauptinhalt springen Zum Footer springen
Logo stolperfrei.digital Schriftzug bestehend aus einem fett gedruckten Wort stolperfrei und einem dünner gedruckten Wort digital. Dazwischen ein stilisierter nach rechts schauender Vogel aus einem einzelnen Pinselstrich. Der Vogel ist Türkis, die Schrift je nach Darstellung der Website dunkelgrau oder weiß.
  • stolperfrei?
  • Leistungen
  • Referenzen
  • Barrierefreiheit
  • Blog
  • Kontakt
  • stolperfrei?
  • Leistungen
  • Referenzen
  • Barrierefreiheit
  • Blog
  • Kontakt
  • HTML main, nav, aside & co – So strukturierst du Webseiten mit Landmarks

    Stellen wir uns ein großes Gebäude vor. Viele Türen, viele Räume – aber keine Schilder. Kein Hinweis auf Eingang, Ausgang oder Information. Wer sich darin zurechtfinden soll, muss jede Tür einzeln ausprobieren. Orientierung fühlt sich anders an, oder? Ähnlich wirken Webseiten ohne klare Struktur. Sehende Menschen können sich oft am visuellen Layout orientieren: oben ein…
    1.4.2026
    Absurde Illustration: Eine bis zum Rand mit Wasser gewfüllte Tasse in der ein eigener Ozean entstanden zu sein scheint. Am Rand liegt eine Insel, daneben segelt ein Boot. Weiter unten schwimmt ein Hai. Das Wasser ist übergelaufen und bildet am Boden eine Pfütze.
  • 0% Barrierefreiheit, 100% bei Google Lighthouse?

    Dass automatisierte Tests nur einen Bruchteil der WCAG-Kriterien abdecken, ist bekannt. Nicht alles lässt sich aktuell ohne ein menschliches Auge zuverlässig prüfen. Aber mit all der KI, die in den letzten Jahren Einzug gehalten hat: haben wir hier eigentlich wesentliche Fortschritte gemacht? Ich bin über einen großartigen Artikel von Manuel Matuzović gestolpert in dem er…
    4.3.2026
  • Einen Chatbot barrierefrei gestalten

    Nutzer: „Wie erreiche ich den Kundenservice?“ Chatbot: „Einen Moment, ich brauche erst Kaffee.“ Nutzer: „Das ist ernst gemeint!“ Chatbot: „Oh, dann wohl doppelt Kaffee… Für Sie hier der Link zum Support.“ So oder vielleicht auch etwas seriöser sehen inzwischen viele Gespräche mit dem Kundensupport aus. Denn diese finden nicht mehr per E-Mail oder am Telefon…
    8.10.2025
    Absurde Illustration: Ein Grammophon, doch statt einer Schallplatte liegt ein halb zerfallener Burger darauf.
  • Internet für Senioren – Barrierefreiheit im Alter

    „We are all just temporary abled.“ Cindy Li Wir sind alle nur vorrübergehend fähig. So sagt es die UX-Designerin Cindy Li, das Konzept ist aber schon viel älter und geht wohl auf Dr. Henry Viscardi Jr. zurück. Es soll uns bewusst machen, dass nur etwa 20% der Behinderungen angeboren sind. Den Großteil an Einschränkungen erlangen…
    3.9.2025
  • Mehrsprachige Websites barrierefrei gestalten –vom HTML lang-Attribut bis Flaggenkunde

    Ich liebe Sprachen. Oder besser gesagt: Ich liebe es, neue Sprachen anzufangen. Französisch, Spanisch, Schwedisch, Chinesisch, Griechisch. Flüssig lesen kann ich davon eigentlich nur Schwedisch. Umso wichtiger ist es für mich – wie für viele andere auch –, dass Websites aus dem Ausland wenigstens eine englische Version anbieten. Doch wenn die Sprachen auf einer Website…
    25.6.2025
    Absurde Illustration: Geschwungene Notenlinien mit diversen Noten. Am Ende werden die von einem großen Rechen gezogen.
  • Icon-Buttons richtig beschriften – so werden sie mit aria-label und co. barrierefrei

    Ob Herzchen oder Daumen hoch, ob in sozialen Netzwerken oder modernen Webanwendungen – jeder kennt ihn. Den Like-Button. Kein Text, kein Tooltip, nur ein Symbol. Auf den ersten Blick ist völlig klar, was dieser Button tut. Zumindest für jemanden, der den Bildschirm sehen kann. Doch was passiert, wenn ein Nutzer den Button nicht sehen kann…
    20.6.2025
    Absurde Illustration: Historische Mühle in einer hügeligen Landschaft. Die Windmühlenflügel sind große Ohren.
  • 1
  • 2
  • 3
  • …
  • 8
  • FAQ
  • Impressum
  • Datenschutz
  • Erklärung zur Barrierefreiheit
  • Inhaltsverzeichnis