קריטריון 2.2.2: השהיה, עצירה, הסתרה רמה A

בקצרה

קריטריון 2.2.2 השהיה, עצירה, הסתרה (Pause, Stop, Hide, רמה A) דורש שתוכן נע, מהבהב, גולל או מתעדכן אוטומטית יאפשר למשתמש להשהות, לעצור או להסתיר אותו. זהו קריטריון מחייב לפי ת"י 5568.

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

מספר2.2.2
שםהשהיה, עצירה, הסתרה (Pause, Stop, Hide)
רמהA
גרסהWCAG 2.0
עיקרון2 - ניתן לתפעול (Operable)
הנחיה2.2 - מספיק זמן
מחייב לפי ת"י 5568כן

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

הקריטריון עוסק בשני סוגי תוכן דינמי:

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

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

למי זה עוזר?

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

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

  • הוסיפו כפתור "השהה" או "עצור" לכל קרוסלה, סרגל גולל או באנר מונפש שמתחיל לפעול אוטומטית.
  • ודאו שהכפתור נגיש באמצעות מקלדת ומוגדר עם תווית נגישה ברורה (aria-label).
  • לפידי חדשות שמתעדכנים - אפשרו למשתמש לקפוא את התצוגה ולבחון אותה בקצב שלו.
  • שקלו לעצב אנימציות שמסתיימות מאליהן בתוך חמש שניות - כך פוטרות מהדרישה.
  • כבדו את הגדרת המשתמש prefers-reduced-motion ב-CSS כדי להפחית אנימציות באופן אוטומטי.

טיפ

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

איך בודקים?

  • זהו כל תוכן נע, גולל, מהבהב או מתעדכן אוטומטית בעמוד.
  • בדיקה ידנית: בדקו אם קיים מנגנון להשהיה או עצירה - כפתור, שליטה בממשק, או עצירה בעת פוקוס.
  • בדקו אם הפקד נגיש באמצעות Tab ו-Enter/Space בלבד.
  • בדיקת קורא מסך: ודאו שכפתור ההשהיה מוקרא עם תווית מובנת וניתן להפעילו.
  • בדקו אנימציות CSS: האם הן מסתיימות מאליהן בחמש שניות, או שקיים מנגנון לעצירתן?

שאלות נפוצות

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

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

האם אנימציות CSS נכנסות לתחולת קריטריון 2.2.2?

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

האם קריטריון 2.2.2 מחייב לפי ת"י 5568?

כן. הקריטריון הוא רמה A ב-WCAG 2.0, ולכן הוא נכלל בדרישות ת"י 5568 ומחייב עבור אתרים ויישומים הכפופים לתקן הישראלי.

מקורות

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

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

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