FriendsOfREDAXO / consent_manager

Stellt ein Opt-In Cookie Banner zur Verfügung
MIT License
56 stars 15 forks source link

Barrierefreiheit / Tastatursteuerung Ergänzungen? #326

Open ischfr opened 3 weeks ago

ischfr commented 3 weeks ago

Ich habe beim Durchsehen abgeschlossener Issues gesehen, dass es bereits Anstrengungen gegeben hat, den Consent Manager für Tastatur-Bedienung zu optimieren. (https://github.com/FriendsOfREDAXO/consent_manager/issues/228)

Das funktioniert für mein Empfinden bereits recht gut! Ich habe dazu noch folgende Anmerkungen / Vorschläge:

Es wäre evtl. ein Schließen über die "Esc"-Taste hilfreich, damit man nicht immer die kompletten Felder durch-tabben muss, um ganz am Ende den Close-Button zu erreichen.

Der Link "Details anzeigen/ausblenden" ist wohl noch nicht per Tastatur nutzbar: Weder "Enter" noch "Space" aktivieren (bei mir) das Collapse-Element mit den Cookie-Details. Das entsprechende Javascript wird wohl hier nicht aktiv?

Ich habe gesehen, dass es auch bereits ein Issue gibt, diesen Link auf einen Button umzustellen (https://github.com/FriendsOfREDAXO/consent_manager/issues/313), was semantisch sicher sinnvoller ist.

Aber wäre es auch denkbar, das Collapse-Element gleich per details/summary-Tags zu realisieren? Es würde so komplett ohne Javascript auskommen: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

Und es wäre damit wohl auch gleich "accessible": http://kb.daisy.org/publishing/docs/html/details.html

Browser-Unterstützung für details/summary ist seit 2020 gegeben: https://caniuse.com/details

aeberhard commented 1 week ago

@ischfr Hast Du evtl. plyr auf der Seite!? https://github.com/FriendsOfREDAXO/consent_manager/issues/312

ischfr commented 1 week ago

@aeberhard nein, plyr nutze ich bisher nicht. Funktioniert das bei Dir, dass man auf "Details anzeigen/ausblenden" tabben kann und wenn dieser Link den Focus hat, man mit Leertaste die Anzeige öffnet? Bei mir scrollt nur die Seite um einen Bildschirm weiter runter (normales Leertaste-Verhalten im Firefox). Ansonsten keine Reaktion.

ischfr commented 1 week ago

@aeberhard Ich habe auch nicht (wie in 312 beschrieben) das Problem, dass die Seite neu geladen wird. Ich glaube, das ist ein separates Problem?

aeberhard commented 1 week ago

@ischfr ah mit den Tasten funktioniert das glaube ich aktuell gar nicht.

ischfr commented 1 week ago

@aeberhard das hatte ich vermutet, daher das Issue.

Zum Hintergrund: Ich bin neulich von einem Kunden auf das Thema "Barrierefreie Consent-Manager" angesprochen worden. Er hatte wegen diesem Artikel gefragt: https://www.beratungsstelle-barrierefreiheit.de/aktuelles/blog/post/beitrag/barrierefreie-cookie-banner.html

Es ging bei der Anfrage zwar nicht konkret um ein Redaxo-Projekt, aber das Thema wird ja bald alle in größerem Ausmaß betreffen, deshalb wollte ich das auch hier einmal ansprechen.

Bis auf die Sache mit dem Ausklappen sieht die Unterstützung hier ja ziemlich gut aus (zumindest, soweit ich das beurteilen kann).