# הדרגות של הכותרות צריכות לגדול רק באחת

<https://www.fixreports.com/he/issues/heading-order>

שיטה מומלצת בנגישות

רמות הכותרות מדלגות (למשל מ-H2 ל-H4), וזה הופך את מבנה העמוד למבלבל עבור משתמשי קוראי מסך.

## מה הכלל הזה בודק
מוודא שסדר הכותרות נכון סמנטית.

## למה זה חשוב
משתמשי קוראי מסך מנווטים לפי כותרות. זו שיטה מומלצת שתומכת ב-WCAG 1.3.1.

## איך לתקן
### בכל אתר
1. מתאימים את רמות הכותרות באזורים שנפגעו כך שיתקדמו לפי הסדר, בלי לדלג על רמות.
2. משנים רק את התג, לא את הסגנון החזותי (את הגודל קובעים במחלקות CSS).

### ב-Shopify
1. מתאימים את רמות הכותרות באזורים שנפגעו כך שיתקדמו לפי הסדר, בלי לדלג על רמות.
2. משנים רק את התג, לא את הסגנון החזותי (את הגודל קובעים במחלקות CSS).

### ב-WooCommerce וב-WordPress
1. מתאימים את רמות הכותרות באזורים שנפגעו כך שיתקדמו לפי הסדר, בלי לדלג על רמות.
2. משנים רק את התג, לא את הסגנון החזותי (את הגודל קובעים במחלקות CSS).

## איך לבדוק את התיקון
- סורקים שוב ובודקים את מבנה הכותרות בעזרת תוסף דפדפן כמו HeadingsMap.

## מקורות
- תיעוד הכלל ב-axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order