# سطح سرفصل‌ها باید هر بار فقط یک سطح افزایش یابد

<https://www.fixreports.com/fa/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