Hallo zusammen,
ich brauche wegen Barrierefreiheit einen Stylesheet-Switcher auf der Website.
Also ein Skript, das nach Klick auf einen Button ein Stylesheet austauscht (oder ein zweites dazuschaltet) und (ganz wichtig!) auch beim Wechsel auf die nächste Seite "erinnert".
Jquery-Snippets aus'm Netz bekomme ich mit CONTENIDO nicht zum Laufen, zumal ich AMR nutze.
Hat da schon jemand so ein Skript gebastelt?
Gruß aus Bremen,
Horst
Stylesheet Switcher
Stylesheet Switcher
Webdesign | Contenido: Templateprogrammierung, Einrichtung und Verwaltung | http://www.w2media.de
Re: Stylesheet Switcher
Hallo Horst,
mit andere Farben und andere Schriftgrößen ist es bei der BF nicht getan. Sicher, Du bekommst mit so einem Styleswitcher die Kontrastproblematik in den Griff - was ist aber mit Screenreadern? Passt das Markup? Aria-Label korrekt verwendet und und und. So sinnvoll und berechtigt die BF auch ist, sie ist hinsichtlich Entwicklung echt nicht zu unterschätzen.
Ich würde hier statt auf einen Styleswitcher zu gehen von vornherein die Optik (!) barrierefrei gestalten. Für alles weitere reicht grundsätzlich der Hochkontrastmodus - sofern er denn BF-konform auf der Site greifen kann.
Letztlich muss BF von vornherein mitgedacht werden und ein Nachrüsten ist in der Regel extrem aufwändig. Auch stellt sich die Frage, welchen Kriterien die Site genügen muss. WCAG 2.1 in Stufe AA?
VG
Markus
mit andere Farben und andere Schriftgrößen ist es bei der BF nicht getan. Sicher, Du bekommst mit so einem Styleswitcher die Kontrastproblematik in den Griff - was ist aber mit Screenreadern? Passt das Markup? Aria-Label korrekt verwendet und und und. So sinnvoll und berechtigt die BF auch ist, sie ist hinsichtlich Entwicklung echt nicht zu unterschätzen.
Ich würde hier statt auf einen Styleswitcher zu gehen von vornherein die Optik (!) barrierefrei gestalten. Für alles weitere reicht grundsätzlich der Hochkontrastmodus - sofern er denn BF-konform auf der Site greifen kann.
Letztlich muss BF von vornherein mitgedacht werden und ein Nachrüsten ist in der Regel extrem aufwändig. Auch stellt sich die Frage, welchen Kriterien die Site genügen muss. WCAG 2.1 in Stufe AA?
VG
Markus
seamless-design.de
"Geht nicht!" wohnt in der "Will nicht!"-Strasse.
Das Handbuch zur Version 4.10: CONTENIDO für Einsteiger (4.10)
Das Handbuch zur Version 4.9: CONTENIDO für Einsteiger (4.9)
"Geht nicht!" wohnt in der "Will nicht!"-Strasse.
Das Handbuch zur Version 4.10: CONTENIDO für Einsteiger (4.10)
Das Handbuch zur Version 4.9: CONTENIDO für Einsteiger (4.9)
Re: Stylesheet Switcher
Hallo Markus,
danke für deine ausführliche Antwort, die im Prinzip auch richtig ist. Ich brauchte aber nur für die Schriftenvergrößerung eine Lösung, alles andere lief BF mäßig schon perfekt. Und da haben mir dann, wenn es noch jemanden interessiert, diese Skripte sehr weietrgeholfen: https://wiki.selfhtml.org/wiki/JavaScri ... h_wechseln, funktioniert auch mit AMR
Gruß,
Horst
danke für deine ausführliche Antwort, die im Prinzip auch richtig ist. Ich brauchte aber nur für die Schriftenvergrößerung eine Lösung, alles andere lief BF mäßig schon perfekt. Und da haben mir dann, wenn es noch jemanden interessiert, diese Skripte sehr weietrgeholfen: https://wiki.selfhtml.org/wiki/JavaScri ... h_wechseln, funktioniert auch mit AMR
Gruß,
Horst
Webdesign | Contenido: Templateprogrammierung, Einrichtung und Verwaltung | http://www.w2media.de
Re: Stylesheet Switcher
Hallo Horst,
ich weiß nicht ob es hilft, aber man kann das über den HTML5 local bzw session storage lösen.
https://www.codeproject.com/Tips/863019 ... on-Storage
Im Beispiel wird per JS eine Theme-Variable gesetzt. Ist diese "Theme-Variable" beim laden der Seite vorhanden, wird ein entsprechendes CSS geladen.
Ähnliches auch hier als JS-Plugin https://www.jqueryscript.net/other/Styl ... orage.html
Christian
ich weiß nicht ob es hilft, aber man kann das über den HTML5 local bzw session storage lösen.
https://www.codeproject.com/Tips/863019 ... on-Storage
Im Beispiel wird per JS eine Theme-Variable gesetzt. Ist diese "Theme-Variable" beim laden der Seite vorhanden, wird ein entsprechendes CSS geladen.
Ähnliches auch hier als JS-Plugin https://www.jqueryscript.net/other/Styl ... orage.html
Christian
--------------------------------------------
Christian John aus Korschenbroich bei Düsseldorf (https://www.john-softwareentwicklung.de)
Selbständiger Web-Entwickler
“There are 10 types of people in the world… those that understand binary and those that don’t.”
Christian John aus Korschenbroich bei Düsseldorf (https://www.john-softwareentwicklung.de)
Selbständiger Web-Entwickler
“There are 10 types of people in the world… those that understand binary and those that don’t.”