accessibility

Das unten zur Verfügung stehende Downloadpaket enthält 1) einen Artikel mit einer ausführlichen Diskussion der Zugänglichkeit von Lightboxes und 2) ein Accessibility-Plugin für die jQuery-Lightbox-Erweiterung ColorBox (http://colorpowered.com/colorbox/).

Das Accessibility-Plugin führt drei unterschiedliche Kategorien von Lightboxes ein:

1) Eine einfache, WCAG 2.0 konforme Variante: Der Fokus wird nach dem Öffnen in die Box gesetzt. Sobald der Tastaturfokus aber an ein anderes Element auf der Seite verloren geht, wird die Box automatisch geschlossen.

2) Eine ARIA 1.0 konforme, modale Lightbox: Wie in den "Authoring Practices" für modale Dialogfenster gefordert, ist die Tab-Navigation nur innerhalb der Lightbox möglich. Accesskeys gehen jedoch nach wie vor.

3) Eine "harte" modale Lightbox: Tabben ist nur innerhalb der Lightbox
möglich, Accesskeys sind jetzt komplett deaktiviert, das Klicken auf den grauen Hintergrund schließt die Box nicht mehr.

Außerdem kann das Plugin noch alternative Bilderversionen für Menschen mit einem Farbsehdefizit erkennen und entsprechende Links anbieten.

Für Screenreader-Nutzer gibt es noch das Feature, dass per Ajax automatisch eine Langbeschreibung des Bildes nachgeladen wird (falls vorhanden) und versteckt angezeigt wird, sodass auch diese Benutzergruppe Bildergalerien endlich genießen kann.

Schließlich ist auch noch eine Druckunterstützung implementiert, die es erstmals erlaubt, bei geöffneter Lightbox nur den Lightbox-Inhalt zu drucken. Das Problem hierbei ist aber, dass das Drucken nur möglich ist, wenn gegen SCR37 der "Techniques for WCAG 2.0" verstoßen wird. Was dies letztendlich bedeutet, wie und wann man Lightboxes einsetzten kann, lesen Sie in dem dem Downloadpaket beigefügten Artikel. Dazu müssen Sie einfach das unten stehende Paket downloaden, entzippen und in den Ordner "example1" navigieren. Für die deutsche Version des Artikels öffnen Sie die Datei "indexDE.html". Der Artikel hat auch alle oben genannten Implementierungen bereits aktiviert, sodass Sie neben dem Lesen gleich auch noch Testen können.

Das Accessibility-Plugin für ColorBox ist unter der MIT-Lizenz lizensiert.

Anhang	Typ	Größe
cboxa11y.zip		1.56 MB