קריטריון 3.2.2: בעת הזנה רמה A
בקצרה
קריטריון 3.2.2 בעת הזנה (On Input, רמה A) דורש ששינוי ערך של רכיב ממשק לא יגרום אוטומטית לשינוי הקשר - אלא אם כן הדבר הובא לידיעת המשתמש מראש. כלל זה חל על רשימות נפתחות, תיבות בחירה, שדות קלט ועוד. זהו קריטריון מחייב לפי ת"י 5568.
פרטי הקריטריון
| מספר | 3.2.2 |
|---|---|
| שם | בעת הזנה (On Input) |
| רמה | A |
| גרסה | WCAG 2.0 |
| עיקרון | 3 - מובן (Understandable) |
| הנחיה | 3.2 - צפוי |
| מחייב לפי ת"י 5568 | כן |
מה דורש קריטריון 3.2.2?
הקריטריון דורש שכאשר משתמש משנה את ערכו של רכיב ממשק, לא יתרחש שינוי הקשר אוטומטי - אלא אם כן המשתמש הוזהר מראש על כך שהשינוי יגרום לפעולה אוטומטית. דוגמאות לבעיות אפשריות:
- רשימה נפתחת (select) שבוחירת אפשרות בה מנווטת אוטומטית לדף אחר - ללא כפתור "עבור".
- תיבת סימון (checkbox) שסימונה שולח טופס מיידית.
- שדה קלט שבהקלדה בו מעביר את הפוקוס לשדה אחר ללא אזהרה.
- כפתורי בחירה (radio) שבחירתם מבצעת פעולה מיידית כגון פתיחת חלון.
הפתרון הנכון: הוסיפו כפתור "אישור" או "עבור" נפרד, או הודיעו למשתמש מראש שבחירה תגרום לניווט אוטומטי.
למי זה עוזר?
הקריטריון מסייע למשתמשי מקלדת ולמשתמשים עם מוגבלויות מוטוריות שמנווטים ברכיבים באמצעות חצי מקלדת ולעיתים מזיזים ערכים בשגגה. הוא עוזר גם לאנשים עם לקויות קוגניטיביות שמתקשים להבין מדוע הדף השתנה בפתאומיות, ולעיוורים המשתמשים בקורא מסך שאינם יכולים לצפות לשינוי ויזואלי.
איך עומדים בקריטריון?
- אל תשתמשו ב-JavaScript שמנווט אוטומטית בעת אירוע
changeשל רשימה נפתחת - הוסיפו כפתור "עבור" / "חפש" נפרד. - אם ברצונכם שבחירה ברשימה תנווט, הסבירו זאת מראש בטקסט גלוי בסמוך לרכיב.
- טפסים עם שדות מעבר אוטומטי (כמו 4 ספרות PIN) - הבהירו למשתמש שהמעבר הוא אוטומטי, או אפשרו לו לנהל את המעבר בעצמו.
- כפתורי radio ו-checkboxes - לעולם אל תגרמו להם לשלוח טופס או לנווט ללא כפתור שליחה נפרד.
טיפ
הדרך הקלה לבדיקה: האם המשתמש חייב ללחוץ על כפתור "שלח" / "עבור" כדי להשלים פעולה? אם כן - הקריטריון כנראה מתקיים. אם הפעולה קורית אוטומטית - בידקו אם הודעתם מראש.
איך בודקים?
- בדיקה ידנית: שנו ערכים בכל רשימה נפתחת, תיבת סימון וכפתורי רדיו - בדקו אם מתרחש שינוי הקשר אוטומטי.
- נסו לנווט עם מקלדת בלבד ועברו בין ערכים באמצעות חצים - בדקו אם בחירת ערך מנווטת אוטומטית.
- קורא מסך (NVDA / VoiceOver): בחרו ערכים ובדקו אם הדף משתנה בצורה בלתי צפויה.
- כלים אוטומטיים אינם מסוגלים לזהות בעיה זו בדרך כלל - נדרשת בדיקה ידנית.
שאלות נפוצות
מה דורש קריטריון 3.2.2?
ששינוי ערך של רכיב ממשק - כמו בחירה ברשימה נפתחת, סימון תיבת בחירה, או הקלדה בשדה - לא יגרום לשינוי הקשר אוטומטי (מעבר לדף, פתיחת חלון, שליחת טופס) ללא הודעה מוקדמת למשתמש.
מהי רמת הקריטריון 3.2.2?
רמה A - הרמה הבסיסית. הקריטריון נכלל ב-WCAG 2.0 ולכן מחייב לפי ת"י 5568.
האם מותר לטעון תוכן דינמי בעת הקלדה?
כן, טעינת תוצאות השלמה אוטומטית בעת הקלדה מקובלת, כל עוד אין שינוי הקשר - כלומר הפוקוס לא עובר אוטומטית, הדף לא מנווט, והמשתמש עדיין שולט. הצגת תוצאות מסוננות בתוך אותו דף אינה שינוי הקשר.
מקורות
- W3C - Understanding SC 3.2.2 On Input (w3.org/WAI)
- W3C - How to Meet WCAG (Quick Reference) (w3.org/WAI/quickref)
צריכים לעמוד בקריטריון הזה באתר שלכם?
ראו את המדריך המעשי להטמעה, או בדקו את האתר מול הצ'ק-ליסט.
לצ'ק-ליסט הנגישות