Ist dein Artikel barrierefrei? Jooa11y ist dein Tool!

Der Jooa11y Accessibility Checker ist eine der weniger bekannte Schätze in Joomla. Ursprünglich wurde er integriert um Beiträge im Backend zu überprüfen. Er unterstützt Redakteurinnen und Redakteure dabei, barrierefreie Inhalte zu erstellen. Aber er ist auch im Frontend einsetzbar.

Tools für Barrierefreiheit sind wie die Superhelden: Auch wenn sie verschiedene Umhänge tragen und unterschiedliche Superkräfte haben wollen sie alle dasselbe: Das Web retten. Es ist kein Wettkampf: Jedes Tool hat seine eigenen Stärken und man setzt sie nach Bedarf ein. Jeder hat sien ePräferenzen bei den Tools aebr Jooa11y bietet meiner Meinung nach die beste Darstellung von Fehlern und Warnungen.

In verschiedenen Artikeln auf dem Joomla Magazine  “Blind Spots of Accessibility Testing Tools”  und auf joomla.de/wissen zeige ich, wie man ein paar Tools einsetzen kann.
Meine Standard Tools für Tests sind kostenlos und ohne Registrierung - meist als Browser addd-ons - verfügbar: WAVE, IBM Equal Access Checker, Lighthouse und gelegentlich auch AXE.

Während der Entwicklung leisten die web developer tools gut Dienste. Praktisch sind auch Landmark navigation und  Heading Maps, aber Jooa11y begeistert mich richtig.

Ein eingebauter Barrierechecker

Jooa11y wurde in Joomla als Hilfsmittel für Redakteurinnen und Redakteure eingeführt. Beim Schreiben von Beiträgen im Backend weist es auf Probleme mit der Barrierefreiheit hin, wie hier beschrieben.

Und das beste: Jooa11y kann auch im Frontend verwendet werden und prüft in vielen Fällen besser als meine üblichen Tools. Natürlich ist die Verwendung im Frontend nicht für aktive, also produktive Websites gedacht, sondern nur während der Entwicklung.

Eine Einschränkung gibt es: Jooa11y kann nicht eine komplette Website prüfen und Berichte erstellen. Es ist ein Werkzeug für Website-Entwickler und Site Builder, nicht für umfassende Barrierefreiheitsprüfungen oder formale Accessibility-Assessments.

Probier es aus! 

Öffne das System-Plugin Jooa11y und setze die Parameter **„Show Always“** und setze das Ziel (**Target**) auf **„body“**, damit die gesamte Website geprüft werden kann.

Geh jetzt ins Frontend und rechts unten zeigt sich der Button für Jooa11y.

Wenn man diesen Button aktiviert erscheint : 

Gliederung zeigt die Struktur der Überschriften
Bilder zeigt die Bilder und die alt-texte
Optionen hier kann man die Ausgabe ändern

Wenn Jooa11y Fehler oder Warnungen findet, wird die Anzahl der Fehler angezeigt. Du kannst das Symbol zunächst ignorieren und deinen Beitrag weiterschreiben, bis du bereit für einen Test bist. Dann öffnest du den Checker. Jooa11y zeigt alle Probleme und Warnungen direkt an der entsprechenden Stelle an. Fehler werden mit einem Warndreieck gekennzeichnet, Warnungen mit einem gelben Fragezeichen – wie in diesem Beispiel:

Der Fehler beim Farbkontrast wird erklärt und eine mögliche Lösung vorgeschlagen

Das Beispiel stammt aus diesem Artikel:  Blind Spots of Accessibility Testing Tools - Colour Contrast.
Dort wurden verschiedene Tools miteinander verglichen, um herauszufinden, ob sie Fehler beim Farbkontrast erkennen können
Alle Tools finden denselben Fehler. Alle Tools geben Warnungen bei verdächtigen Definitionen aus, und alle Tools haben dieselben blinden Flecken mit falsch-negativen Ergebnissen. Aber im Vergleich mit all diesen Tools ist Jooa11y mein Favorit.

Warum?

• Es ist schnell und immer verfügbar. Es muss kein separates Tool aufgerufen werden.
• Ich kann es einfach schließen, wenn es nicht benötigt wird.
• Es zerstört nicht das Layout meiner Seite.
• Es findet viele Probleme und Warnungen und liefert gute Erklärungen.
• Ich sehe Warnungen sofort und kann sie ausblenden, wenn sie in meinem Kontext nicht relevant sind.
• Die Gliederung der Überschriften ist gleich dabei.
• Es kann die Lesbarkeit überprüfen.
• Man kann Teile der Webseite von der Prüfung ausnehmen (über Selektoren)
• Man kann eigene Regeln einführen.

Dieses Bild zeigt denselben Bildschirm, der mit WAVE überprüft wurde. Der Fehler wird gefunden, aber das verdächtige Hintergrundbild in der gelben Box wird nicht erkannt. 

Dieses Bild zeigt denselben Bildschirm, der mit dem IBM Accessibility Checker überprüft wurde. Der Kontrastfehler wird gefunden, ebenso die Transparenz (Opacity) in der hellgrünen Box – das ist ein gutes Ergebnis. Das verdächtige Hintergrundbild in der gelben Box wird jedoch nicht erkannt.
Die Meldungen des Checkers zu interpretieren, ist nicht immer einfach.
Wir sehen, dass verschiedene Tools unterschiedliche Probleme finden. Für eine erste schnelle Überprüfung ist Jooa11y jedoch unschlagbar.

Pro-Tip - Zugriffsebenen

Du möchtest Jooa11y auf einer aktiven Website verwenden?

Erstelle eine Zugriffsebene, zum Beispiel "Jooa11y". Füge alle Benutzergruppen hinzu, die Inhalte im Frontend bearbeiten dürfen. Setze anschließend die Zugriffsebene des Jooa11y-Plugins auf "Jooa11y".

Damit wird das Plugin für Benutzer aktiviert, die Beiträge im Frontend bearbeiten dürfen und dangemeldet sindd. Für normale Besucher deiner Website bleibt es hingegen unsichtbar.

Kurz und Gut

Nutze diesen Superhelden in Joomla! Jooa11y kann nicht alle möglichen Probleme erkennen – kein Tool kann das. Aber es schützt deine Website vor häufigen Fehlern, zum Beispiel vor unterstrichenem Text, der kein Link ist, vor Bildern ohne Alternativtext und vor den meisten Fehlern beim Farbkontrast.

Für eine schnelle Überprüfung der Barrierefreiheit während der Entwicklung ist Jooa11y ein leistungsfähiger und praktischer Helfer.

Original-Artikel aus dem Joomla-Magazin Ausgabe Juli 2026: https://magazine.joomla.org/issues/2026/july-2026/is-your-article-accessible-ask-jooa11y