קריטריון 1.4.1: שימוש בצבע רמה A

פרטי הקריטריון

מה דורש קריטריון 1.4.1?

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

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

למי זה עוזר?

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

איך עומדים בקריטריון?

• לשגיאות בטפסים - הוסיפו סמל שגיאה (כמו "!") וטקסט תיאורי לצד ההדגשה הצבעונית.
• לגרפים - הוסיפו תויות טקסט ישירות על הסרגלים או הקווים, או השתמשו בתבניות שונות (פסים, נקודות) בנוסף לצבעים.
• לקישורים בתוך פסקאות טקסט - הוסיפו קו תחתי (text-decoration: underline) או סגנון ויזואלי נוסף ברור.
• לאינדיקטורי מצב - הוסיפו טקסט (כגון "פעיל" / "כבוי") או סמל מובהק.
• בעת בחירת צבעים - בדקו כיצד העמוד נראה בסימולציית עיוורון צבעים.

איך בודקים?

• בדיקה ידנית: עברו על כל האלמנטים שמשתמשים בצבע לציון מצב, שגיאה, הבחנה או קישור - ובדקו שיש אמצעי חזותי נוסף.
• סימולציית עיוורון צבעים: השתמשו בכלים כגון Colour Contrast Analyser או הרחבת דפדפן לסימולציה של deuteranopia ו-protanopia.
• הדפסה בשחור-לבן: בדקו שהמידע החיוני עדיין מובן ללא צבע.
• בדיקה עם מצב ניגודיות גבוהה של Windows - ודאו שהממשק מובן גם כשהצבעים מוחלפים על ידי המערכת.