Barrierefreiheit überprüft
Ich stieß heute auf den Beitrag How to make your blog more accessible, and why you should care von Kami und habe mein Blog direkt dahingehend geprüft.
- ✅ „Color Contrast“: Das helle und dunkle Design (Ocean Light/Dark) bestehen den Test auf WebAIM: Contrast Checker.
- ✅ „Alt Text“: Bisher habe ich keine Bilder eingebunden, aber wenn zukünftig doch, dann werde ich das auf dem Schirm haben.
- ✅ „Use headings properly“: Überschriften verwende ich eh sparsam, mache das aber eigentlich auch „schon immer“ korrekt. – Mich wundert, dass der WAVE Report of Relaunch Mai 2026 - Robert Riebisch nicht meckert, obwohl Blog-Titel und Beitragstitel beide eine Überschrift der ersten Ebene sind. Der Nu Html Checker gibt dafür jedenfalls eine Warnung aus.
- ✅ „Use rem for font sizes“: Da ich in der Besucheransicht keine Checkboxen oder Radiobuttons für Formulare verwende, darf ich auch hier abhaken.
Vielleicht geht's ja nur mir so, aber ich würde als Nr. 5 ergänzen, keine Serifenschrift mit so schmalem Zeichenabstand wie im eingangs verlinkten Beitrag zu verwenden. 🤭
„Auweia“, mein Blog erreicht bei der WAVE-Auswertung als AIM-Score durchweg eine 10 von 10, während der Eingangsbeitrag, der über Barrierefreiheit aufklären will, nur auf 6,7 kommt …
Falls jemand Anregungen hat, die Barrierefreiheit hier weiter zu verbessern, dann gern her damit! (Eben mal sicherheitshalber noch schnell im WWW nach „Emojis und Screenreader“ gesucht, aber das scheint kein Problem zu sein, wenn man seine Texte nicht zu sehr mit Emojis „zupflastert“.)