מצב כהה (Dark Mode) הפך לסטנדרט כמעט בכל אתר ואפליקציה — משתמשים אוהבים אותו, הוא חוסך סוללה במסכי OLED, ולעיתים הוא אפילו נתפס כ"יותר נגיש". אבל המעבר לפלטת צבעים כהה, אם נעשה בלי מחשבה, יכול דווקא לפגוע בנגישות. הכתבה הזו מסבירה איך עושים את זה נכון.

בקיצור — מה נסביר בכתבה

  1. מתי מצב כהה עוזר לנגישות
  2. מתי הוא דווקא מזיק
  3. ניגודיות במצב כהה שונה מלבן
  4. כללי אצבע מעשיים

מתי מצב כהה עוזר לנגישות

למשתמשים עם רגישות לאור (פוטופוביה), מיגרנות, או תסמונת עייפות עיניים דיגיטלית, רקע כהה יכול להפחית משמעותית אי-נוחות בשימוש ממושך, במיוחד בסביבה חשוכה. גם משתמשים מסוימים עם דיסלקציה מדווחים על קריאה נוחה יותר על רקע כהה.

מתי הוא דווקא מזיק

מנגד, למשתמשים עם אסטיגמציה (ליקוי ראייה נפוץ), טקסט בהיר על רקע כהה יוצר אפקט "זוהר" (Halation) שגורם לאותיות להיראות מטושטשות — לעיתים דווקא רקע בהיר עם טקסט כהה קריא להם יותר בנוחות. המשמעות: אין תשובה אחת נכונה לכולם, וזו הסיבה שהפתרון הטוב ביותר הוא לתת למשתמש לבחור, לא לכפות מצב אחד.

💡 נקודה חשובה

הכי חשוב: לעולם אל תסתמכו רק על הגדרת המערכת האוטומטית (`prefers-color-scheme`) בלי לתת למשתמש אפשרות לשנות ידנית באתר עצמו — לא כל מי שהמערכת שלו במצב כהה רוצה שהאתר יהיה כהה, ולהפך.

ניגודיות במצב כהה שונה מלבן

טעות נפוצה: לקחת את אותם צבעי טקסט מהמצב הבהיר ופשוט להפוך את הרקע לכהה, בלי לבדוק מחדש את יחסי הניגודיות. שחור טהור (#000000) על לבן טהור נותן ניגודיות מקסימלית של 21:1 — אבל ההפך, לבן טהור על שחור טהור, יוצר אפקט "זוהר" חזק במיוחד שמעייף את העיניים. מומלץ להשתמש ברקע כהה-אפרפר (למשל #121212) במקום שחור טהור, וטקסט לבן-שבור (למשל #e8e8e8) במקום לבן טהור — עדיין עומד בדרישות הניגודיות של WCAG (מוסבר בהרחבה במדריך שלנו על ניגודיות צבעים), אבל נוח משמעותית לעין.

כללי אצבע מעשיים

המסמכים שלכם מוכנים גם למצב כהה?

קובצי PDF רבים נפתחים כיום בתצוגת מצב כהה של אפליקציות קריאה — הכלי שלנו בודק שניגודיות הטקסט במסמכים שלכם עומדת בתקן בכל מצב.

לסריקת האתר בחינם ←

אחרי הסריקה, אפשר גם להנגיש את המסמכים שאותרו ישירות ובחינם דרך AccessiDoc.