Contao 4.13 / Contao 5.x - Colorbox Barrierefreiheit

[bird]

Hallo zusammen,

ganz unabhängig davon, wie barrierefrei ein Overlay mittels jQuery / Colorbox technisch ist, fehlen bei dem Standard-Bundle unter Contao 4.13 bspw. title-Texte bei den Buttons der Navigation sowie alt-Texte bei den einzelnen Bildern, welche im Overlay geladen werden. Gibt es eine einfache Möglichkeit, diese Meta-Daten über das Template in das Layout zu bekommen?

[Spooky]

Das letzte Release von Colorbox war vor mehr als 9 Jahren. Wahrscheinlich ist es besser, wenn du dir eine andere Lösung suchst.

[zonky]

Das letzte Release von Colorbox war vor mehr als 9 Jahren. Wahrscheinlich ist es besser, wenn du dir eine andere Lösung suchst.

ohh... ist ColorBox nicht immer noch der "Standard" bei Contao?!?

[Spooky]

Nein, die würde ich schon lange nicht mehr nutzen.

[mlweb]

Ich nutze die auch schon lange nicht mehr. Es ist aber leider auch in der aktuellen LTS (Contao 4.13 und 5.3) die Lightbox, die Contao mitliefert.

[planepix]

Welche Alternativen nutzt ihr?
inspiredminds/contao-glightbox

[mlweb]

Ich nutze in der Regel auch die Erweiterung von @fritz

[bird]

Vielen Dank für die Rückmeldung.

Wie oben bereits geschrieben, wird die Colorbox bisher als Teil der LTS Version von Contao 4.13 ausgeliefert, weshalb ich nicht direkt nach einer externen Erweiterung gesucht habe. Vermutlich kann man den alt-Text über eine Modifikation der colorbox.js realisieren.

EDIT: Auch die offizielle Contao 5.5.11 Demo verwendet weiterhin die Colorbox. Auch dort bestehen in Sachen Barrierefreiheit anscheinend die gleichen Probleme.

Bei einem Test der GLightbox stelle ich fest, dass damit unter Contao 4.13 ebenfalls nur leere alt-Tags im Overlay / PopUp erzeugt werden ... Kann das jemand bestätigen?

EDIT: Ich konnte das alt-Attribut über folgenden Code in der j_colorbox.html5 ergänzen, wobei das Ausgangsbild aus dem Link herangezogen wird:

...
 onComplete: function() {
        var originalImg = anchor.find('img');
        var altText = originalImg.attr('alt');
        var cboxImg = $('#cboxLoadedContent img');

        if (cboxImg.length && altText) {
          cboxImg.attr('alt', altText);
        }
      }
...