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
  • 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 statt, sondern schnell…
    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.
  • Mit HTML fett und kursiv schreiben – strong, b, em, i und co.

    Früher war alles einfacher. Wichtig? Dann einfach den Textmarker gezückt. Gelb für ganz wichtig, Pink für „Muss ich nachschlagen“. Und das war’s. Heute? Da schreiben wir Websites mit HTML. Und plötzlich stehen wir vor der Wahl: oder doch lieber ? Kursiv mit oder ? HTML kennt viele Wege, Text hervorzuheben. Aber nicht alle bedeuten das…
    28.5.2025
    Absurde Illustration: Eine Banane, die im oberen Ende in einen Duschkopf übergeht. Daraus tropft Bananensaft, der sich am Boden in einer Pfütze sammelt.
  • Den HTML tabindex richtig einsetzen

    Manchmal fühlt sich das Navigieren mit der Tastatur wirklich an wie eine Runde „Blinde Kuh“ im Web. Die Tab-Taste gedrückt – nichts passiert. Noch einmal und plötzlich landet der Fokus irgendwo im Footer. Wer auf Mausunterstützung verzichten muss oder will, kennt dieses Spiel. Dabei ist es eigentlich ganz einfach: Der HTML tabindex legt fest, in…
    7.5.2025
    Absurde Illustration: EIne große Kabeltrommel, auf der ein Fluss aufgewickelt zu sein scheint. DIeser stürzt als Wasserfall hinab und fließt unten weiter. Eine Figur springt von einem Sprungbrett in den Fluss.
  • 1
  • 2
  • 3
  • …
  • 8
  • FAQ
  • Impressum
  • Datenschutz
  • Erklärung zur Barrierefreiheit
  • Inhaltsverzeichnis