קריטריון 1.4.4: שינוי גודל טקסט רמה AA

בקצרה

קריטריון 1.4.4 שינוי גודל טקסט (Resize Text, רמה AA) דורש שטקסט יהיה ניתן להגדלה עד 200% ללא שימוש בטכנולוגיה מסייעת, ומבלי שאובד תוכן או פונקציונליות. המשתמש חייב להיות מסוגל להגדיל גופן בדפדפן ולהמשיך להשתמש באתר תקין. זהו קריטריון מחייב לפי ת"י 5568.

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

מספר1.4.4
שםשינוי גודל טקסט (Resize Text)
רמהAA
גרסהWCAG 2.0
עיקרון1 - מורגש (Perceivable)
הנחיה1.4 - ניתן להבחנה
מחייב לפי ת"י 5568כן

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

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

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

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

למי זה עוזר?

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

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

  • השתמשו ביחידות גמישות לגדלי גופן: rem, em או אחוזים - במקום פיקסלים קבועים (px) שמונעים הגדלה בחלק מהדפדפנים.
  • הגדירו פריסה responsive שמתאימה את עצמה כאשר הטקסט מתרחב - השתמשו ב-flexbox או grid עם גמישות מספקת.
  • הימנעו מגבהים קבועים (height: 40px) לשדות ולקונטיינרים שמכילים טקסט - השתמשו ב-min-height.
  • בדקו שהטקסט לא עובר לחפיפה עם אלמנטים סמוכים כשמגדילים את הגופן.
  • ודאו שאין שימוש ב-overflow: hidden על קונטיינרים בגובה קבוע שמכילים טקסט.

טיפ

בדקו את הדף כשגודל הגופן בדפדפן מוגדר ל-200% (בדפדפן Chrome: הגדרות - מראה - גודל גופן). עברו על כל הדף ובדקו שכל הטקסט גלוי ושימושי.

איך בודקים?

  • בדפדפן Chrome או Firefox: הגדירו גודל גופן ל-200% (הגדרות הדפדפן) ובדקו שכל התוכן גלוי ושמיש.
  • לחלופין, השתמשו בקיצור המקשים Ctrl+Plus (Windows) או Cmd+Plus (Mac) פעמיים להגדלת 200%.
  • בדקו שאין טקסט חתוך, חופף, או מוסתר לאחר ההגדלה.
  • ודאו שכל הפקדים האינטראקטיביים (כפתורים, קישורים, שדות) עדיין שמישים.
  • בדקו בכל עמודי האתר, כולל טפסים ודפי נחיתה.

שאלות נפוצות

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

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

מהי רמת הקריטריון 1.4.4?

רמה AA. הקריטריון נכלל ב-WCAG 2.0 ולכן הוא מחייב לפי ת"י 5568.

האם תמונות של טקסט חייבות להיות ניתנות להגדלה?

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

מקורות

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

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

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