מעלים תמונה ורואים איך אנשים עם עיוורון צבעים רואים אותה, ובודקים ניגודיות בין צבע טקסט לרקע לפי WCAG ות״י 5568.
בוחרים צבע טקסט וצבע רקע ובודקים אם הם עומדים ביחס הניגודיות של WCAG 2.1 ושל ת״י 5568.
כותרת גדולה לדוגמה
טקסט רגיל בגודל 16 פיקסלים, כמו פסקה באתר או בתפריט.
כך רואים את השילוב אנשים עם עיוורון צבעים
כ-8% מהגברים וכ-0.5% מהנשים רואים צבעים אחרת. הנפוץ ביותר הוא קושי להבחין בין אדום לירוק (פרוטנופיה ודאוטרנופיה וגרסאות קלות שלהן). טריטנופיה, קושי בכחול וצהוב, ואכרומטופסיה, ראייה ללא צבעים, נדירות מאוד.
ההדמיה מבוססת על המודל של Machado, Oliveira ו-Fernandes (2009), שמקובל בכלי פיתוח ובדפדפנים. היא קירוב: כל אדם רואה קצת אחרת, ומסך לא מכויל משפיע גם הוא.
כלל אצבע לעיצוב נגיש: לא להעביר מידע בצבע בלבד. מוסיפים טקסט, אייקון, קו מקווקו או דוגמה, למשל בגרפים, בשדות חובה ובהודעות שגיאה.
ת״י 5568, התקן הישראלי לנגישות תכנים באינטרנט, מבוסס על WCAG ודורש רמה AA: יחס ניגודיות של לפחות 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול. אין כאן ייעוץ משפטי או אישור נגישות.
תלוי בסוג. בפרוטנופיה ובדאוטרנופיה, הנפוצות, אדום וירוק נראים כגוונים דומים של חום וצהוב. בטריטנופיה כחול וצהוב מתבלבלים, ובאכרומטופסיה רואים רק גווני אפור. הסימולטור מציג את כל הסוגים זה לצד זה.
היא מבוססת על המודל של Machado ועמיתיו (2009), המקובל גם בכלי הפיתוח של הדפדפנים. זה קירוב טוב לעיצוב ולבדיקה, אבל כל אדם רואה קצת אחרת, וגם המסך שלכם משפיע.
ברמה AA, שנדרשת לפי ת״י 5568, טקסט רגיל צריך יחס של לפחות 4.5:1 וטקסט גדול (24 פיקסלים, או 18.5 פיקסלים מודגש) לפחות 3:1. ברמה AAA הדרישה 7:1 ו-4.5:1. רכיבי ממשק ואייקונים צריכים 3:1.
100% מדמה עיוורון מלא לצבע. ערכים נמוכים מדמים חולשה בראיית הצבע, למשל דאוטרנומליה, שהיא הסוג הנפוץ ביותר. ערכי הביניים הם קירוב.
לא. כל העיבוד נעשה בדפדפן שלכם, והתמונה לא נשלחת לשום מקום. אפשר להוריד כל הדמיה כקובץ PNG.
סימולטור עיוורון צבעים וניגודיות
