Warum ist prefers-color-scheme wichtig für Barrierefreiheit?
prefers-color-scheme sieht aber nicht nur schick aus: Es ist vor allem auch zugangsfreundlich. Menschen mit Lichtempfindlichkeit profitieren davon. In Kombination mit prefers-reduced-motion oder kontrastreichen Designs unterstützt es die Entwicklung einer barrierefreien Website, die für alle Menschen angenehm und gut lesbar ist.
Ein konkretes Beispiel? Ein Onlineshop zeigt im Light Mode helle Produktbilder auf weißem Hintergrund, im Dark Mode wird der Hintergrund dunkel, die Texte bleiben kontraststark, und das Logo wechselt automatisch zu einer Variante, die auch bei Dunkelheit gut sichtbar ist.
prefers-color-scheme ist allerdings keine Pflicht im EU-Barrierefreiheitsgesetz oder in der EU-Richtlinie über Barrierefreiheit. Die Vorgaben beziehen sich auf allgemeine Standards wie die WCAG, etwa Kontraste, Navigation oder Tastaturbedienbarkeit. Technische Details wie Dark/Light Mode per CSS sind nicht vorgeschrieben.