Florian Fiegel

Auf dem Weg zur Barrierefreiheit

Nachdem mich Oliver mit seinem Post zur BIENE und deren seltsamen Kriterien daran erinnert hat, habe ich mal den Punkt Barrierefreiheit bzw. -armut in der Entwicklung dazwischen geschoben.

Viel gemacht habe ich bisher jetzt nicht, weil es nicht notwendig scheint. Es gibt wieder eine versteckte Skiplink-Navigation und ein paar Elemente haben die WAI-ARIA-Rollen "navigation" und "article" mitbekommen.

Größere Bedenken hatte ich bzgl. des Kommentarformulars und den ARIA-Attributen, da sich hier zum Teil eine ordentliche Frickelei beim Aufbohren des Formular-Generators von Habari aufgetan hätte. Allerdings zeigt sich, dass die standardkonforme Struktur hier schon absolut ausreicht. Alle Elemente sind dann wohl schon ausreichend mit Labels und Hinweisen versehen.

Skiplinks richtig verstecken

Nur weil ich es selbst zuerst intuitiv gemacht hatte: Die Skiplinks sollten nicht mit display:none ausgeblendet werden, da einige Screenreader die Links dann ebenfalls nicht sehen. Besser ist es hier die Links einfach weit aus dem Sichtfeld des Besuchers zu bringen. Folgender Schnipsel lässt sich dafür in der Regel problemlos verwenden:

#skiplinks { position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; }

Weitere Punkte?

Fallen irgendwem weitere Punkte auf? Ich hatte jetzt erstmal nur spontan alles eingebaut was mir eingefallen ist, allerdings kann da ja auch mal was fehlen. Gedanken?

PS: Spontan fällt mir ein: Wie kann man die Tagcloud zugänglicher machen?

Bild von adactio