הדרישה בתקן
בעדכון האחרון של התקן הישראלי לנגישות אתרי אינטרנט, חלה ירידה בדרישת ההנגשה של כותרות (headings) מרמת AAA לרמת AA. המשמעות היא שכעת נדרשת הקפדה על היררכיה נכונה וברורה של כותרות כחלק מדרישות החובה (ולא רק כהמלצה מתקדמת). שינוי זה נועד לחזק את העיקרון של מבנה תוכן ברור ומובן עבור כל משתמש – ובעיקר עבור משתמשי קורא מסך, שמסתמכים על כותרות כדי לנווט בין חלקי הדף. בכך התקן הישראלי מצמצם פערים מול התקן הבינלאומי ומחייב בעלי אתרים ליישם סדר לוגי, עקבי ונגיש בכותרות.
עיצוב נראות הכותרות
לכותרות יש חשיבות של ערך עליון במסמכים ובפרט באתרים שלנו. הסיבה לכך מעבר לזה שטכנולוגיות מסייעות מזהות את התגיות של הכותרות ובכך מאפשרות למשתמש לנווט בין הכותרות באתר (דבר שהוא קריטי עבור עיוורים), שכותרות מאפשרות לנו לסרוק את התוכן במהירות ולקבל מעין תקציר על המאמר או התוכן שאנחנו מציגים לגולש. קחו לדוגמה את התמונה הבאה כמה זמן ייקח לכם לסרוק את הכותרות ולהבין כמה כותרות יש?
ישנם 8 כותרות. חלקם כמעט לא מורגשות. עכשיו אותה השאלה בתמונה הבאה:
ישנם 5 כותרות. אני בטוח שלקח לכם פחות זמן למצוא את הכל הכותרות בתמונה השנייה. כאשר אנחנו מעצבים בצורה ברורה את התוכן שלנו , במקרה הזה אלו הם הכותרות, אנחנו מאפשרים לגולשים שלנו ליהנות יותר ולהתאמץ הרבה פחות בחיפוש ומציאת התוכן הרלוונטי להם. עשו לכם כלל: 3 רמות הכותרות יהיו בגדלים שונים כאשר הכותרת הראשית (H1) היא תהיה הגדולה ביותר. כותרת רמה 2 (H3) תהיה יותר קטנה מהכותרת הראשית אבל גדולה יותר לכותרת רמה 3 (H3).
רמות הכותרות
קיימים 6 רמות שונות של כותרות כאשר H1 היא הרמה הגבוהה ביותר וH6 היא הנמוכה ביותר. אחד הדברים אם לא החשוב שבהם הוא שאסור אבל אסור שיהיה יותר כותרת אחת ברמה H1 בדף אינטרנט . יש אנשי תוכן שאפילו לא משתמשים בכותרת זו אלא רק במאמרים שמאוד חשובים וכך למעשה מגדילים את רמת החשיבות שלהם.
היררכיה בכותרות – שמירה על סדר ונגישות
כדי לשמור על מבנה מאורגן, נוח לקריאה ונגיש – יש להקפיד על היררכיה נכונה בין רמות הכותרות. הכוונה היא לא לדלג על רמות. לדוגמה, אין לעבור מכותרת ברמה שנייה (<h2>) ישירות לכותרת ברמה רביעית (<h4>). במקרה כזה, יש להשתמש תחילה בכותרת ברמה שלישית (<h3>).
עם זאת, ניתן לחזור אחורה בהיררכיה, למשל ממבנה <h4> חזרה ל־<h2>, כל עוד הדבר נעשה בהתאם למבנה הלוגי של התוכן. שמירה על רצף נכון תורמת גם להבנה של הקוראים וגם ליכולות של טכנולוגיות מסייעות (כמו קורא מסך) להתמצא במאמר.
דוגמה למבנה היררכי תקין:
<h1>כותרת ראשית</h1>
<h2>כותרת משנה</h2>
<h2>כותרת משנה נוספת</h2>
<h3>תת-כותרת</h3>
<h2>כותרת משנה נוספת</h2>
<h3>תת-כותרת נוספת</h3>
במאמרים ארוכים במיוחד ניתן ואף מומלץ להשתמש גם בכותרות ברמות נמוכות יותר – <h4>, <h5>, ואף <h6> – כל עוד נשמר הרצף ההגיוני.