A sötét mód szinte minden webhelyen és alkalmazásban szabványossá vált – a felhasználók szeretik, kíméli az akkumulátort az OLED képernyőkön, és néha még "elérhetőbbnek" is tartják. A sötét színpalettára való váltás azonban, ha gondos átgondolás nélkül történik, valójában ronthatja a hozzáférhetőséget. Ez a cikk elmagyarázza, hogyan kell helyesen csinálni.
Röviden: miről szól ez a cikk
Amikor a sötét mód segíti a hozzáférhetőséget
Fényérzékeny (fotofóbia), migrénes vagy digitális szemfáradtságban szenvedő felhasználók számára a sötét háttér jelentősen csökkentheti a kényelmetlenséget hosszan tartó használat során, különösen sötét környezetben. Egyes diszlexiás felhasználók kényelmesebb olvasásról számolnak be sötét háttéren.
Amikor valóban fáj
Másrészt az asztigmatizmusban (gyakran látássérült) szenvedő felhasználók számára a sötét háttéren lévő világos szöveg „halációs” hatást kelt, amitől a betűk elmosódnak – néha a világos háttér sötét szöveggel valóban kényelmesebb olvasni számukra. A végeredmény: nincs mindenki számára megfelelő válasz, ezért a legjobb megoldás az, ha hagyjuk a felhasználót választani, nem pedig rákényszerítünk egy módot.
💡 Fontos szempont
A legfontosabb: soha ne hagyatkozzon kizárólag az automatikus rendszerbeállításra ("prefers-color-scheme"), anélkül, hogy lehetőséget adna a felhasználónak arra, hogy manuálisan váltson magán a webhelyen – nem mindenki, akinek a rendszere sötét módban van, nem akarja, hogy a webhely sötét legyen, és fordítva.
A sötét mód kontrasztja eltér a világos módtól
Gyakori hiba: világos módból ugyanazokat a szövegszíneket veszi, és egyszerűen sötétre forgatja a hátteret anélkül, hogy újra ellenőrizné a kontrasztarányt. A tiszta fekete szín (#000000) a tiszta fehéren 21:1 maximális kontrasztot ad, de a fordítottja, a tiszta fehér a tiszta feketén, különösen erős "halation" hatást kelt, ami fárasztja a szemet. Jobb, ha sötétszürke hátteret (például #121212) használ a tiszta fekete helyett, és törtfehér szöveget (például #e8e8e8) a tiszta fehér helyett – ez továbbra is megfelel a WCAG kontrasztkövetelményeinek (részletesen kifejtjük a következő útmutatónkban).színkontraszt), de lényegesen könnyebb a szem számára.
Gyakorlati ökölszabályok
- Ellenőrizze a kontrasztot minden módban – világos és sötét – külön-külön, ne csak egyszer.
- Kerülje a különösen telített színeket (élénk vörös vagy kék) sötét háttéren – hajlamosak vizuálisan "rezegni", és megnehezítik az olvasást.
- Kézi kapcsolót tartson a webhelyen, ne csak a rendszerbeállításokra hagyatkozzon.
- Ellenőrizze a világos háttérhez tervezett képeket és logókat – néha külön verzióra van szükségük a sötét módhoz, hogy olvashatóak maradjanak.
A dokumentumai is készen állnak a sötét módra?
Ma sok PDF-fájl nyílik meg az olvasóalkalmazások sötét módú nézetében – eszközünk ellenőrzi, hogy a dokumentumok szövegkontrasztja minden módban megfelel-e a szabványnak.
Ingyen átvizsgálja webhelyét ←A szkennelés után a talált dokumentumokat közvetlenül és ingyenesen is elérhetővé teheti a következőn keresztül:AccessiDoc.