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
  • Infinite Scrolling barrierefrei umsetzen – geht das überhaupt?

    Endlos Scrollen gehört längst zum Standard im Web. Inhalte laden nach, ohne dass etwas geklickt werden muss. Listen wachsen einfach weiter, während man sich durch Feeds, Artikel oder Produkte bewegt. Das wirkt flüssig, schnell und vor allem bequem. Gerade aus UX-Sicht scheint das Muster vieles richtig zu machen. Es reduziert Unterbrechungen, hält Nutzer im Flow…
    19.8.2026
    Absurde Illustration: Riesenrad bestehend aus sich festhaltenden Händen. Bedeutung: Ein Projekt ist Teamarbeit, jeder Partner hat seinen Anteil am Gelingen.
  • Silbentrennung in HTML und CSS – sind hyphens und shy barrierefrei?

    Am Ende einer Zei- le, da wird es ganz gemei- ne: Was liest wohl der Screenread- er? Passiert denn das schon wie- der?! Ok, ich hör' auf. Im Druck ist das ein vertrautes Bild. Wenn Wörter nicht mehr in die Zeile passen, hilft oft ein kleiner Strich am Rand. Silbentrennung sorgt dafür, dass Texte gleichmäßiger…
    8.7.2026
  • HTML autocomplete – Wenn der Browser vorausdenkt

    Formulare gehören zu den Standardbausteinen des Webs. Registrierung, Checkout, Kontaktformular – überall werden ähnliche Informationen abgefragt. Name, Adresse, E-Mail oder Telefonnummer immer und immer wieder. Damit das Ausfüllen nicht jedes Mal von vorne beginnt, helfen Browser inzwischen kräftig mit. Sie merken sich frühere Eingaben, schlagen Werte vor oder füllen Felder gleich komplett aus. Ein Teil…
    10.6.2026
    Absurde Illustration: Geflügelte Gießkanne an einer Feder, welche Wasser in eine Pfütze gießt, aus welcher eine Blume wächst. Bedeutung: Steht dafür, andere zu beraten und so deren Projekte erfolgreich wachsen lassen zu können.
  • Mehrfachauswahl in HTML – Wo Multiselect Probleme macht und Checkboxen helfen

    Ein Formular ist schnell gebaut. Ein paar Felder, ein Absenden-Button – fertig. Doch was, wenn es komplizierter wird? Der Nutzer aus mehreren Optionen eine Auswahl treffen muss? Auch mehrere Optionen wählen darf? Typische Situationen gibt es viele: Die Auswahl von Interessen, Benachrichtigungsarten oder verfügbare Termine. Es geht also nicht um eine Entscheidung, sondern um mehrere…
    13.5.2026
  • 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
  • 1
  • 2
  • 3
  • …
  • 9
  • FAQ
  • Impressum
  • Datenschutz
  • Erklärung zur Barrierefreiheit
  • Inhaltsverzeichnis