WCAG2.co.ilפורטל התקן הישראלי לנגישות
כלים חינמיים בדיקה עצמית

קריטריון 2.4.12: פוקוס לא מוסתר (מוגבר) רמה AAA

עודכן לאחרונה: יוני 2026זמן קריאה: כ-4 דקותנכתב ונבדק ע"י מערכת WCAG2.co.il

בקצרה

קריטריון 2.4.12 פוקוס לא מוסתר (מוגבר) (Focus Not Obscured (Enhanced), רמה AAA) הוא חדש ב-WCAG 2.2. הוא מחמיר את קריטריון 2.4.11 ודורש שרכיב המקבל פוקוס מקלדת לא יוסתר כלל על ידי תוכן אחר - הוא חייב להיות גלוי במלואו. קריטריון זה הוא רמה AAA ואינו נדרש לפי ת"י 5568.

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

מספר2.4.12
שםפוקוס לא מוסתר (מוגבר) (Focus Not Obscured (Enhanced))
רמהAAA
גרסהWCAG 2.2
עיקרון2 - ניתן לתפעול (Operable)
הנחיה2.4 - ניווט
מחייב לפי ת"י 5568לא - רמה AAA, אינה נדרשת

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

קריטריון זה, שנוסף ב-WCAG 2.2, הוא הגרסה המחמירה של קריטריון 2.4.11. בעוד 2.4.11 מסתפק בכך שחלק מהרכיב יהיה גלוי, 2.4.12 דורש שהרכיב המקבל פוקוס יהיה גלוי במלואו, ללא כיסוי חלקי:

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

למי זה עוזר?

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

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

  • השתמשו ב-CSS scroll-padding-top ו-scroll-padding-bottom עם ערכים גדולים מספיק כדי לפנות מקום לכל האלמנטים הצפים.
  • בדקו שאלמנטים עם position: sticky או position: fixed אינם חופפים עם רכיבי פוקוס בשום מצב.
  • הגדירו את scroll-margin על רכיבים ניתנים לפוקוס כדי להבטיח שהגלילה האוטומטית תשאיר אותם מחוץ לאזור הצף.
  • שקלו צמצום השימוש בכותרות דביקות גבוהות מאוד, או הסתרתן בעת ניווט מקלדת.

טיפ

הבדיקה בין 2.4.11 ל-2.4.12 דקה: ב-2.4.11, רכיב שרק פיקסל אחד שלו גלוי עובר. ב-2.4.12, הרכיב כולו חייב להיות גלוי. תכנון מראש של scroll-padding מונע את שתי הבעיות.

איך בודקים?

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

שאלות נפוצות

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

שרכיב המקבל פוקוס מקלדת לא יוסתר כלל על ידי תוכן אחר בעמוד - הרכיב שמקבל פוקוס חייב להיות גלוי במלואו (לא רק חלקו). זוהי גרסה מחמירה של קריטריון 2.4.11.

מה ההבדל בין קריטריון 2.4.12 לקריטריון 2.4.11?

קריטריון 2.4.11 (רמה AA) דורש שהרכיב לא יוסתר לחלוטין - מספיק שחלק ממנו יהיה גלוי. קריטריון 2.4.12 (רמה AAA) מחמיר יותר: הרכיב לא יוסתר כלל, אפילו לא חלקית - הוא חייב להיות גלוי במלואו.

האם קריטריון 2.4.12 חדש ב-WCAG 2.2?

כן. קריטריון 2.4.12 הוא חדש ב-WCAG 2.2 (פורסם בספטמבר 2023) ואינו קיים ב-WCAG 2.0 או 2.1. הוא רמה AAA ואינו נדרש לפי ת"י 5568.

מקורות

צריכים לעמוד בקריטריון הזה באתר שלכם?

ראו את המדריך המעשי להטמעה, או בדקו את האתר מול הצ'ק-ליסט.

לצ'ק-ליסט הנגישות