Werkt dark mode in elke browser?
In alle moderne browsers wel. Chrome, Safari, Firefox en Edge ondersteunen het al jaren, op computer en op telefoon.
Oude versies negeren de regel gewoon en tonen je lichte weergave. Dat is geen fout, dat is de terugval.
Toch zijn er verschillen die je moet kennen.
Waar de verschillen zitten
Niet in of het werkt, maar in wat browsers zelf al doen. Sommige geven formuliervelden en keuzelijsten ongevraagd een donkere weergave.
Dat gebeurt ook op sites die zelf niets met dark mode doen. Meer daarover lees je bij browser.
Wat je daaraan doet
Geef je site expliciet aan welke kleurstanden hij ondersteunt. Dan weet de browser dat hij niets zelf hoeft in te vullen.
Dat is één regel, en hij lost de meeste onverwachte donkere velden op.
Ingesloten inhoud
Een kaart, een video of een formulier van een andere partij volgt zijn eigen regels. Die kun je niet meesturen.
Zorg dat zo’n blok een eigen achtergrond heeft, zodat het er niet uitziet als een gat in je pagina.
Mijn vuistregels
- Geef expliciet op welke kleurstanden je site ondersteunt.
- Test je formulieren in beide standen; daar gaat het het vaakst mis.
- Geef ingesloten blokken een eigen achtergrond.
- Test op een echte telefoon, niet alleen in een nagebootst scherm.
Die tweede vangt het probleem dat de meeste sites onbedoeld hebben.
Hoe je het test
Zet dark mode aan in je systeeminstellingen en bekijk je site. In de ontwikkelaarshulpmiddelen van je browser kun je de voorkeur ook nabootsen.
Doe beide: nabootsing vindt indelingsproblemen, een echt toestel vindt de rest. Meer daarover lees je bij accessibility.
Als je site niets doet
Dan is er meestal ook niets aan de hand. Controleer alleen je formulieren en je knoppen.
Meer daarover lees je bij of je website dark mode nodig heeft.