Wir verwenden für das Cookie Banner das Plugin „Complianz“. Dieses wird in regelmäßigen Abständen geupdated und immer wieder verbessert, auch im Hinblick auf die Zugänglichkeit. Es gibt jedoch immer noch ein paar Punkte, die noch nicht implementiert bzw. verbessert wurden. Wenn man das Plugin verwenden möchte, und seinen Nutzer den bestmöglichen Zugang ermöglichen, kann man ein paar Dinge selbst im Plugin anpassen. Jedoch sind diese Änderungen nach einem Plugin-Update dann wieder weg und müssen neu eingefügt werden. Deshalb sollte man auch vor jedem Update dann immer schauen, wo sich Änderungen im Plugin ergeben haben, bevor man auf die neue Version updatet.
Fokus Trap im Cookie Banner / der Cookie Banner Verwaltung
Das derzeit größte Problem ist, dass der Fokus nicht im Banner getrappt wird, wenn man sich darin mit den Tab-Tasten bewegt. Wenn man mit der Tabtaste durchtabbt, landet man im Content der Webseite und das Banner ist immer noch aktiv.
Wir kümmern uns im Moment um eine eigene javascript-Lösung für dieses Problem und hoffen, dass es bald von Complianz selbst addressiert wird. Das js wird dann im A11y-Theme zuschaltbar sein.
Schließen-Button im Banner
Es geht hier um das Schließen-Kreuz im Banner, das ist im Moment so umgesetzt, das der Container um das Icon semantisch zu einem Button gemacht wird und eine Aria-Label hat. Das ist schon mal ok, aber das aria-label ist nicht übersetzbar und muss deshalb selbst angepasst werden, da es im Original nicht besonders gut ist. Das svg mit dem Kreuz wird vor assitiver Technologie verborgen, was ok ist.
Datei: plugins/complianz-gdpr/cookiebanner/templates/cookiebanner.php
<div class="cmplz-close" tabindex="0" role="button" aria-label="Cookie-Zustimmung-Verwaltung schließen">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
</div>