Deutsch

Hier könnt ihr lesen was wir über unsere allgemeinen Web-Accessibility Tipps hinaus getan haben um diese Webseite für möglichst viele Personen einladend zu machen.

Helles und dunkles Farbschema

Je nach Vorgabe des Betriebssystems oder Browsers wird diese Seite wird hell oder dunkel angezeigt. Die Vorgabe wird mit einem Media-Query abgefragt.

Hier auf CSS-tricks.com ist eine sehr gute und umfassende Einführung in helles und dunkles Farbschema zu finden.

Font-Auswahl

Die Seite kann wahlweise in einem von fünf Schriftarten angezeigt werden. Dies ist in Javascript realisiert und als no-JS-Fallback gibt es immerhin zwei Fonts per Checkbox-Hack.

Hier ein Kommentar zu der Font-Auswahl:

• Atkinson Hyperlegible ist da, weil das vorteilhaft für Menschen mit Seh-Einschränkungen ist.
• Sylexiad Sans und Open Dyslexic sind da für Menschen mit Dyslexie,
• und Ubuntu ist da weil der Designer das so wollte.
• Manche Wesen haben ihre eigenen System-Fonts, dafür gibt es die "serif"- und "sans-serif"-Option.

Download

Hier sind Beispiel-Dateien die gerne verwendet werden können, Download 5,1MB.

English

Here is what we did beyond our general web accessibility tips to make this site welcoming to as many people as possible.

Light and dark mode

We provide light mode and dark mode; which one is used depends on your browser or operating system settings, and is queried by a media query.

Here on CSS-tricks.com is a very good and thorough introduction to dark and light mode.

Several fonts available

The webpage can be displayed in five different fonts, serving the needs of different users. This is implemented in Javascript, and if your browser does not allow javascript, you can still choose between two fonts, implemented via checkbox hack.

Regarding the choices of fonts:

• we have Atkinson Hyperlegible because that is beneficial für people who are visually impaired,
• Sylexiad Sans and Open Dyslexic for people with dyslexia,
• and Ubuntu because that was the designer's choice.
• Some people have their own system fonts, and that is why there is a 'serif' and 'sans-serif' option.

Download

Here are example files for everyones convenience, Download 5,1MB.