קריטריון 2.4.6: כותרות ותוויות רמה AA

בקצרה

קריטריון 2.4.6 כותרות ותוויות (Headings and Labels, רמה AA) דורש שכותרות עמוד ותוויות שדות טופס - כאשר הן קיימות - יתארו את הנושא או המטרה בצורה ברורה ומספקת. הקריטריון אינו מחייב שימוש בכותרות, אך כאשר נעשה בהן שימוש הן לא יכולות להיות גנריות. זהו קריטריון מחייב לפי ת"י 5568.

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

מספר2.4.6
שםכותרות ותוויות (Headings and Labels)
רמהAA
גרסהWCAG 2.0
עיקרון2 - ניתן לתפעול (Operable)
הנחיה2.4 - ניווט
מחייב לפי ת"י 5568כן

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

הקריטריון עוסק באיכות הניסוח של כותרות ותוויות - לא בנוכחותן. הוא דורש:

  • כותרות תיאוריות - כאשר עמוד מחולק לסעיפים עם כותרות, כל כותרת צריכה לתאר את נושא הסעיף. כותרת כמו "פרטים נוספים" ללא הקשר - גנרית מדי.
  • תוויות תיאוריות - תוויות של שדות טופס (<label>) חייבות לתאר את מטרת השדה. "שדה 1" או "הזנה" אינן תוויות מתאימות.
  • הקריטריון אינו דורש שבכל עמוד יהיו כותרות - רק שכאשר הן קיימות, הן יהיו תיאוריות.
  • הקריטריון אינו מחייב כי התוויות יהיו גלויות - תוויות מוסתרות חזותית (אם קיימות וממשיכות לספק מידע לטכנולוגיה מסייעת) עשויות להספיק.

למי זה עוזר?

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

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

  • כתבו כותרות שמתארות את תוכן הסעיף שמתחתן - הימנעו מ"מבוא", "פרטים", "מידע" ללא תוספת.
  • לכל שדה טופס - כתבו תווית (<label>) שמסבירה מה מצפים מהמשתמש להזין.
  • שדות הדורשים פורמט ספציפי (כמו תאריך) - ציינו את הפורמט הנדרש בתווית או בהוראות.
  • הימנעו מכותרות כפולות (שתי כותרות עם אותו טקסט בעמוד אחד) אלא אם ההקשר שלהן מספיק להבחנה.
  • סרקו את מבנה הכותרות בעמוד (כלים כמו HeadingsMap) כדי לוודא שהיררכיה ברורה ותיאורית.

טיפ

הדרך הטובה ביותר לבדוק אם כותרת תיאורית: הסתכלו עליה מחוץ להקשר - האם היא מספרת לכם על מה הסעיף? אם לא - שנו אותה.

איך בודקים?

  • בדיקה ידנית: קראו את רשימת כל הכותרות בעמוד - האם כל אחת מתארת בצורה ייחודית וברורה את הסעיף שאחריה?
  • עברו על כל שדות הטפסים - האם כל אחד מלווה בתווית שמסבירה את המטרה?
  • קורא מסך: נווטו בין כותרות (NVDA: H, VoiceOver: VO+Command+H) ובדקו שהניווט מובן.
  • כלי HeadingsMap (הרחבת דפדפן) מציג את מבנה הכותרות - שימושי לסקירה מהירה.

שאלות נפוצות

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

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

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

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

מה ההבדל בין קריטריון 2.4.6 לקריטריון 1.3.1?

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

מקורות

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

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

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