גודל, צבע ומשקל גופן יכולים לגרום לטקסט להיראות כמו כותרת, אך אינם בהכרח מעבירים את המבנה לקורא מסך. הבדיקה משווה בין החלוקה החזותית לבין המשמעות שנקבעה בקוד.
ממפים את מבנה הכותרות
פותחים את רשימת הכותרות בכלי נגישות או בקורא מסך ובודקים אם כותרת העמוד והנושאים המרכזיים מתוארים באופן ברור. רמת הכותרת צריכה לבטא את מקומה במבנה ולא לשמש רק לבחירת גודל.
דילוג ברמות אינו מוכיח לבדו כשל. השאלה היא אם הקשר בין הנושא הראשי, תתי הנושאים והתוכן נשמר, ואם אפשר להבין את מתאר העמוד בלי להסתמך על העיצוב.
בודקים אזורים מרכזיים
בודקים אם אזורים כגון כותרת האתר, ניווט, תוכן ראשי ותחתית מזוהים באמצעות רכיבים סמנטיים או תפקידים מתאימים. אזורים חוזרים מאותו סוג צריכים שם שמבדיל ביניהם כאשר ההבדל נחוץ להתמצאות.
אין להוסיף תפקידים ושמות לכל מעטפת עיצובית. עודף אזורים עלול להכביד על הניווט בדיוק כמו מחסור בהם.
משווים לסדר הקריאה
מנטרלים זמנית את העיצוב או עוברים על העמוד בקורא מסך ובודקים אם התוכן נשמע בסדר הגיוני. מידע שנראה קשור צריך להישאר קשור גם כאשר הוא נקרא ברצף.
מתעדים כותרת חסרה, רמה שאינה משקפת את המבנה, אזור ללא שם ברור או תוכן שמופיע במקום שגוי בסדר הקריאה.
רשימת בדיקה
-
טקסט המשמש ככותרת מזוהה גם בקוד.
-
רמות הכותרת משקפות את יחסי התוכן.
-
כותרות מתארות את הנושא או המטרה.
-
אזורים מרכזיים מזוהים בלי ליצור עודף נקודות ניווט.
-
סדר הקריאה נשאר מובן ללא העיצוב החזותי.
מקורות רשמיים להמשך בדיקה
- הסבר נגיש על ת״י 5568 חלק 1 (HTML) ת״י 5568 חלק 1 (PDF, מסמך רשמי)
- W3C: מידע וקשרים
- W3C: כותרות ותוויות
המקורות הרשמיים הם הקובעים. יש לוודא שהמסמך וההוראות בתוקף במועד הבדיקה.