💡


האם ידעתם: ניגודיות טובה לא רק נראית טוב – היא גורמת לטקסט שלך להיות רך לעין ולהיות קריא הרבה יותר.

מפתח לטקסט קריא ונגיש

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

יחס ניגודיות תקני: 4.5:1 ומעלה

כדי להבטיח קריאות גם עבור אנשים עם ראייה ירודה, או בתנאים של תאורה בעייתית, ההמלצה של תקן WCAG היא לשמור על יחס ניגודיות מינימלי של 4.5:1 בין טקסט רגיל לרקע.
לטקסטים גדולים במיוחד – ניתן לרדת ליחס של 3:1, אבל ככלל
, ככל שהניגוד חזק יותר – הקריאות טובה יותר.

לא רק כהה על בהיר – גם ההפך

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

כלי נגישות מתקדמים

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

 6 שילובים עם ניגודיות גבוהה במיוחד

המספרים הם להמחשה בלבד – לא מחייבים להשתמש דווקא בהם, אבל מומלץ להכיר

שחור על צהוב ירוק על לבן אדום על לבן כחול על לבן לבן על כחול שחור על לבן

שימוש באחד מהשילובים האלה או דומים להם מבטיח קריאות מצוינת לרוב המשתמשים – כולל כאלה עם קושי ראייתי או צבעי.

לסיכום

שמירה על ניגודיות נכונה היא פעולה פשוטה – אבל ההשפעה שלה על חוויית המשתמש עצומה.
היא תורמת להבנה, מונעת טעויות, ומאפשרת לכל אחד לגשת לתוכן בלי מאמץ מיותר
.


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

 


FAQ



4.5:1 ומעלה עבור טקסט רגיל, ו־3:1 עבור טקסטים גדולים (מעל 18pt רגיל או 14pt מודגש).

עבור משתמשים עם מחלות RP או בעיות ראיה אחרות אור לבן הבוקע מהמסך יכול ממש להכאיב להם. עבורם – טקסט בהיר על רקע כהה הוא האופציה היחידה לעבוד עם המחשב.

לא בהכרח. יש צבעים שבהירותם דומה מדי גם אם הם בגוונים שונים. יש לבדוק בעזרת כלי ניגודיות (Contrast Checker).

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

כלים כמו WebAIM Contrast Checker, Chrome DevTools (Accessibility), או תוספים כמו Color Contrast Analyzer מאפשרים בדיקה מהירה של כל צמד צבעים.

עודכן בתאריך: