קריטריון 2.4.2: כותרת לעמוד רמה A
בקצרה
קריטריון 2.4.2 כותרת לעמוד (Page Titled, רמה A) דורש שלכל עמוד ווב תהיה כותרת תיאורית בתגית <title> שמתארת את נושאו או מטרתו. כותרת ייחודית לכל עמוד מאפשרת למשתמשים לזהות היכן הם נמצאים ולנווט בין לשוניות. זהו קריטריון מחייב לפי ת"י 5568.
פרטי הקריטריון
| מספר | 2.4.2 |
|---|---|
| שם | כותרת לעמוד (Page Titled) |
| רמה | A |
| גרסה | WCAG 2.0 |
| עיקרון | 2 - ניתן לתפעול (Operable) |
| הנחיה | 2.4 - ניווט |
| מחייב לפי ת"י 5568 | כן |
מה דורש קריטריון 2.4.2?
הקריטריון דורש שלכל עמוד ווב תהיה כותרת המתארת את נושאו או מטרתו. הכותרת מוגדרת בתגית <title> שבחלק ה-<head> של מסמך ה-HTML. כותרת העמוד היא הדבר הראשון שקורא מסך מקריא עם טעינת עמוד חדש, ומופיעה בלשוניות הדפדפן ובתוצאות חיפוש. הדרישות המרכזיות:
- הכותרת חייבת לתאר את נושא העמוד הספציפי - לא רק שם האתר.
- כותרות שונות לעמודים שונים - אסור שכל העמודים יישאו כותרת זהה.
- הכותרת אינה חייבת להיות ייחודית בכל האתר, אך נוסח תיאורי ומבחין הוא מומלץ.
- הקריטריון חל גם על אפליקציות ווב - כל מצב (state) שעשוי להיות מוצג כעמוד נפרד צריך כותרת מתאימה.
למי זה עוזר?
הכותרת מסייעת לכלל המשתמשים, אך חשובה במיוחד למשתמשי קורא מסך שמקבלים אותה בטעינת כל עמוד - כך הם יודעים היכן נמצאים מבלי לגלול. היא חיונית גם לאנשים עם לקויות קוגניטיביות המנהלים מספר לשוניות, וכן למשתמשים עם קושי בזיכרון לטווח קצר הזקוקים לאישור מהיר של מיקומם.
איך עומדים בקריטריון?
- הגדירו תגית
<title>ייחודית לכל עמוד. - השתמשו בפורמט "שם העמוד - שם האתר", למשל:
צור קשר - חברת לדוגמה. - הכניסו תחילה את המידע הספציפי לעמוד ורק אחריו את שם האתר - כך מה שמשתנה בין עמודים מופיע ראשון.
- באפליקציות SPA (Single Page Application) עדכנו את ה-
titleדינמית עם כל מעבר בין מסכים. - הימנעו מכותרות גנריות כמו "דף ראשי" בלבד, "ברוכים הבאים" ללא שם, או כותרת זהה לכל עמוד.
טיפ
בעמודי שגיאה (404, 500) כללו את קוד השגיאה בכותרת, למשל "שגיאה 404 - דף לא נמצא - שם האתר". כך המשתמש מבין מיד מה קרה.
איך בודקים?
- בדיקה ידנית: עברו בין עמודי האתר ובדקו את הכותרת המוצגת בלשונית הדפדפן - האם היא שונה וממשמעותית בכל עמוד?
- בדקו את קוד המקור (
Ctrl+U) ואתרו את תגית<title>- ודאו שאינה ריקה. - קורא מסך: טענו עמוד חדש והאזינו לכותרת המוקראת אוטומטית.
- כלים אוטומטיים כמו axe או Lighthouse מזהים כותרות חסרות, אך לא בודקים אם הכותרת תיאורית - נדרשת סקירה אנושית.
שאלות נפוצות
מה דורש קריטריון 2.4.2?
הקריטריון דורש שלכל עמוד ווב תהיה כותרת (תגית title ב-HTML) שמתארת את נושא העמוד או מטרתו. הכותרת מוצגת בלשונית הדפדפן ומוקראת לקורא מסך בטעינת העמוד.
מהי רמת הקריטריון 2.4.2?
רמה A - הרמה הבסיסית ביותר. הקריטריון נכלל ב-WCAG 2.0 ולכן הוא מחייב לפי ת"י 5568.
מה פורמט הכותרת המומלץ בקריטריון 2.4.2?
הפורמט המומלץ הוא "שם העמוד - שם האתר", כך שהמשתמש רואה תחילה את המידע הספציפי לעמוד זה. יש להימנע מכותרות זהות בעמודים שונים ומכותרות גנריות כמו "דף ראשי" בלבד.
מקורות
- W3C - Understanding SC 2.4.2 Page Titled (w3.org/WAI)
- W3C - How to Meet WCAG (Quick Reference) (w3.org/WAI/quickref)
צריכים לעמוד בקריטריון הזה באתר שלכם?
ראו את המדריך המעשי להטמעה, או בדקו את האתר מול הצ'ק-ליסט.
לצ'ק-ליסט הנגישות