קריטריון 1.3.3: מאפיינים חושיים רמה A

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

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

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

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

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

למי זה עוזר?

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

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

• בדקו כל הוראה בתוכן - האם היא מסתמכת אך ורק על מאפיין חושי (מיקום, צבע, צורה, גודל, צליל)?
• הוסיפו תמיד תיאור טקסטואלי מפורש: במקום "לחצו על הכפתור הכחול" - כתבו "לחצו על כפתור 'אישור'".
• שדות חובה - סמנו גם עם טקסט ("חובה" או *) ולא רק בצבע.
• הוראות ניווט - השתמשו בשמות אלמנטים, לא רק בתיאורם החזותי: "תפריט ניווט ראשי" ולא "התפריט בצד ימין".
• כאשר נעשה שימוש בצליל - הוסיפו אפשרות חזותית מקבילה.

איך בודקים?

• בדיקה ידנית: קראו את כל ההוראות בדף ובדקו שכל אחת ניתנת להבנה ללא ראייה, שמיעה, או הבחנה בצבע.
• קורא מסך (NVDA / VoiceOver): האם ניתן לבצע את הפעולות המתוארות בהוראות?
• בדיקת עיוורון צבעים: השתמשו בסימולטור (כגון NoCoffee ל-Chrome) לבחינת הוראות המסתמכות על צבע.
• כלים אוטומטיים: axe ו-WAVE אינם מזהים בעיות מאפיינים חושיים - נדרשת בדיקה ידנית.