Accessify Blog
Barrierefreiheit, praktisch erklärt.
Ausführliche Artikel mit Code zum Mitnehmen und Selbsttests, die keine zwei Minuten dauern. Die Zahlen darin stammen aus unserer eigenen Prüfung von 14.984 deutschen Firmenwebsites.
Barrierefreiheit betrifft uns alle
Investiere in die Zukunft deiner Website
Schriftarten und Lesbarkeit: Die Wahrheit über gute Lesbarkeit
Lesbarkeit verbessern, Barrierefreiheit erhöhen
Dunkelmodus und Barrierefreiheit: mehr als Geschmackssache
Barrierefreiheit im Dunkelmodus
Gute Fehlermeldungen für bessere Benutzererfahrung
Fehlermeldungen richtig machen
Barrierefreie Datentabellen für Screenreader
Erstelle barrierefreie Tabellen
Vorlesefunktionen: wem Text-to-Speech wirklich hilft
Barrierefreiheit für alle
Captchas: Ein Hindernis für echte Menschen
Captchas sperren Menschen aus
Barrierefrei bestellen: der Checkout als größte Hürde im Shop
Barrierefreiheit im Online-Shop verbessern
ARIA: Gut gemeint ist oft schlechter als gar nichts
Barrierefreiheit für Websites
Farbenfehlsichtigkeit: Wenn Rot und Grün gleich aussehen
Barrierefreiheit für deine Website
Barrierefreie PDFs: Warum viele Dokumente unlesbar sind
Barrierefreie PDFs für alle
Barrierefreiheit für kleine Teams: Ein pragmatischer Ansatz
Barrierefreiheit einfach umsetzen
Barrierefreiheit auf dem Handy: Warum Pinch-Zoom wichtig ist
Entdecke, warum du Pinch-Zoom nicht deaktivieren solltest
Barrierefreie Animationen für deine Website
Erlebe Animationen, die niemandem schaden
Verständliche Linktexte für bessere Barrierefreiheit
Bessere Linktexte für mehr Zugänglichkeit
Überschriften richtig verschachteln: Die Grundlage für eine barrierefreie Website
Barrierefreiheit durch korrekte Überschriften
Was ein Accessibility-Widget kann und was nicht
Barrierefreiheit für deine Website
Barrierefreiheit und SEO: Eine Win-Win-Situation für Website-Betreiber
Verbessere deine Website mit Barrierefreiheit und SEO
Der sichtbare Fokus: Ein kleines Detail mit großer Wirkung
Barrierefreiheit für deine Website
Einfache Sprache und Leichte Sprache: der Unterschied
Barrierefreiheit für alle
Untertitel und Transkripte für Videos: Mehr als nur eine Pflicht
Barrierefreiheit für alle
Gute Alternativtexte für Bilder schreiben
Barrierefreiheit für deine Website
Kontrast reparieren, ohne das Design zu verlieren
Wie ein Kontrastverhältnis entsteht, wo die drei Schwellen liegen und warum oft ein einziger Hex-Schritt reicht, um Text lesbar zu machen.
Wenn alle Links hier heißen
Screenreader können alle Links einer Seite als nackte Liste ausgeben. Steht dort zehn Mal hier, führt diese Liste niemanden mehr irgendwohin.
Einfache Sprache und Leichte Sprache sind nicht dasselbe
Einfache Sprache und Leichte Sprache lösen zwei verschiedene Probleme, und ein Behördensatz in drei Fassungen zeigt, wann du welche brauchst.
Wer Untertitel wirklich liest, und warum das Transkript dazugehört
Ein großer Teil aller Videos in sozialen Netzwerken läuft ohne Ton, und genau deshalb lohnen sich Untertitel und ein Transkript auch auf deiner eigenen Website.
Was ohne Maus auf deiner Seite schiefgeht
Auf 98,0 Prozent von 14.984 geprüften deutschen Firmenwebsites fehlt der Sprunglink.
Überschriften sind eine Gliederung, keine Schriftgrößen
Bei 29,4 Prozent von 14.984 geprüften Seiten fehlt die Hauptüberschrift, und wer h3 nach Schriftgröße wählt, zerlegt seine eigene Gliederung.
Was Screenreadern hilft, hilft auch Suchmaschinen
Vier Stellen im Quelltext helfen Screenreadern und Suchmaschinen gleichzeitig, an vielen anderen hat Barrierefreiheit mit Rankings nichts zu tun.
Die eine Zeile HTML, die auf fast jeder Website fehlt
Auf 98,0 Prozent von 14.984 geprüften deutschen Firmenwebsites fehlt der Sprunglink zum Inhalt, dabei ist er in einer halben Stunde eingebaut.
Warum viele PDFs für einen Teil deiner Besucher leer sind
Ein gescanntes PDF ohne Textebene ist für einen Screenreader nur ein Bild ohne Alternativtext, und du erkennst das in zehn Sekunden selbst.
Warum dein Screenreader Deutsch mit englischem Akzent vorliest
Steht im html-Tag keine oder die falsche Sprache, liest die Vorlesestimme deutschen Text nach englischen Ausspracheregeln. Ein einziges Attribut stellt das ab.
ARIA hilft nur, wenn du es kaum benutzt
ARIA ändert nur die Ansage und nie das Verhalten, deshalb ist natives HTML fast immer die bessere Wahl, mit Code für vorher und nachher.
Der Fokusrahmen und die eine CSS-Zeile, die ihn löscht
outline: none entfernt in vielen Vorlagen den sichtbaren Fokusrahmen, und hier steht der Ersatz, der zum Design passt und trotzdem funktioniert.
Eine Zeile im Theme sperrt den Zoom auf dem Handy
16,6 Prozent von 14.984 geprüften Seiten verbieten das Zoomen auf dem Handy, und schuld ist fast immer eine einzige Zeile im Theme.
Wie ein Screenreader deine Seite tatsächlich vorliest
Bei 47,3 Prozent von 14.984 geprüften Firmenwebsites fehlt die Auszeichnung des Hauptinhalts, und genau das hörst du, wenn ein Screenreader vorliest.
Animationen, die niemandem den Tag verderben
Ein CSS-Block, ein Pause-Knopf und ein Zwei-Minuten-Test machen deine Animationen auch für bewegungsempfindliche Besucher erträglich.
Landmarks machen deine Seite überspringbar
Bei fast der Hälfte aller von uns geprüften Seiten fehlt die Auszeichnung des Hauptinhalts, und die Reparatur kostet meist nur fünf geänderte Tag-Namen.
Wenn das Suchfeld keinen Namen hat
Bei 2,5 Prozent von 14.984 geprüften Seiten tragen Symbol-Schaltflächen keinen Namen, und ein Platzhalter ersetzt keine Beschriftung.
Was ein Barrierefreiheits-Widget kann und was nicht
In unserer Erhebung über 14.984 deutsche Firmenwebsites hatten 99,3 Prozent mindestens eine Barriere, und kein Widget repariert davon eine einzige.
Alternativtexte: was hineingehört und was nicht
Auf 16,7 Prozent der von uns geprüften Seiten fehlen Alternativtexte.