מה חדש ב-WCAG 2.2, ומה זה אומר לאתר שלכם

מאת צוות Negishut.app3 דקות קריאה

בקצרה

  • WCAG 2.2 פורסם באוקטובר 2023 ומוסיף תשעה קריטריוני הצלחה, שישה מהם ברמות A ו-AA.
  • קריטריון 4.1.1 (ניתוח קוד) הוסר, כי דפדפנים וטכנולוגיות מסייעות כבר מתמודדים עם שגיאות כאלה בעצמם.
  • אתר שעומד ב-WCAG 2.2 עומד גם בדרישות של גרסאות 2.0 ו-2.1.

WCAG, ההנחיות הבינלאומיות לנגישות תוכן באינטרנט, מתעדכנות כל כמה שנים. גרסה 2.2 הפכה להמלצה רשמית של ארגון W3C ב-5 באוקטובר 2023. היא ממשיכה את גרסה 2.1, עם דגש על אנשים עם מוגבלויות קוגניטיביות ולקויות למידה, אנשים עם ראייה ירודה ומשתמשים במכשירים ניידים.

תשעה קריטריונים חדשים

שישה מהקריטריונים החדשים הם ברמות A ו-AA, הרמה שלפיה אתרים נבדקים בפועל. שלושה נוספים הם ברמה AAA, הרמה המחמירה.

קריטריוני ההצלחה החדשים ב-WCAG 2.2
סעיףשם הקריטריוןרמהמה זה אומר בפועל
2.4.11פוקוס שאינו מוסתר (מינימום)AAרכיב שמקבל פוקוס לא מוסתר לגמרי מתחת לכותרת דביקה, לבאנר עוגיות או לחלון צ׳אט.
2.4.12פוקוס שאינו מוסתר (מורחב)AAAאף חלק מהרכיב שבפוקוס לא מוסתר.
2.4.13מראה הפוקוסAAAלסימון הפוקוס יש גודל וניגודיות מינימליים.
2.5.7תנועות גרירהAAלכל פעולת גרירה יש חלופה בלחיצה פשוטה.
2.5.8גודל מטרה (מינימום)AAאזורי לחיצה בגודל 24×24 פיקסלים לפחות, או מרווח מספיק ביניהם.
3.2.6עזרה עקביתAעזרה ויצירת קשר מופיעים באותו מקום יחסי בכל עמוד.
3.3.7הזנה חוזרתAלא מבקשים להקליד שוב מידע שכבר נמסר באותו תהליך.
3.3.8אימות נגיש (מינימום)AAהתחברות בלי חובה לזכור, להעתיק או לפתור חידה.
3.3.9אימות נגיש (מורחב)AAAכמו 3.3.8, בלי החריגים של זיהוי אובייקטים ותוכן אישי.

מה הוסר: קריטריון 4.1.1

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

אתר שעומד ב-WCAG 2.2 עומד גם בגרסאות הקודמות. לכן אין סיבה לבדוק היום לפי גרסה ישנה.

מה כדאי לבדוק באתר כבר עכשיו

רוב הקריטריונים החדשים קלים יחסית לבדיקה ולתיקון. התחילו מאלה:

  • גללו את האתר עם Tab ובדקו שהפוקוס לא נעלם מתחת לכותרת הדביקה, לבאנר העוגיות או לכפתור הצ׳אט.
  • מדדו כפתורים קטנים, אייקונים וכפתורי סגירה: 24×24 פיקסלים לפחות.
  • חפשו סליידרים, מחווני מחיר ורשימות עם גרירה, והוסיפו חלופה בלחיצה.
  • ודאו שאפשר להדביק סיסמה ולהשתמש במנהל סיסמאות בעמוד ההתחברות.
  • בטפסים ארוכים ובתהליכי רכישה, מלאו מראש מידע שכבר נמסר, כמו כתובת למשלוח.

טיפ לאתרי וורדפרס

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

רוצים לדעת אם האתר שלכם עומד ב-WCAG 2.2?

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

לסיכום

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

נכתב על ידי

צוות הנגישות של Negishut.app

בודקים אתרים לפי ת״י 5568 ו-WCAG 2.2 AA, עם מקלדת, קוראי מסך ומכשירים אמיתיים, וכותבים על מה שאנחנו פוגשים בדרך.