# Tahap heading sepatutnya hanya meningkat satu tahap pada satu masa

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

Amalan terbaik kebolehcapaian

Tahap heading melangkau (contohnya dari H2 ke H4), yang menjadikan struktur halaman mengelirukan bagi pengguna pembaca skrin.

## Apa yang disemak oleh peraturan ini
Pastikan susunan heading betul dari segi semantik.

## Mengapa ia penting
Pengguna pembaca skrin menavigasi menggunakan heading. Ini amalan terbaik yang menyokong WCAG 1.3.1.

## Cara membaikinya
### Di mana-mana laman web
1. Laraskan tahap heading dalam bahagian yang terjejas supaya ia mengikut urutan tanpa melangkau tahap.
2. Ubah tag sahaja, bukan gaya visual (gunakan kelas CSS untuk saiz).

### Di Shopify
1. Laraskan tahap heading dalam bahagian yang terjejas supaya ia mengikut urutan tanpa melangkau tahap.
2. Ubah tag sahaja, bukan gaya visual (gunakan kelas CSS untuk saiz).

### Di WooCommerce dan WordPress
1. Laraskan tahap heading dalam bahagian yang terjejas supaya ia mengikut urutan tanpa melangkau tahap.
2. Ubah tag sahaja, bukan gaya visual (gunakan kelas CSS untuk saiz).

## Cara menyemak pembaikan
- Imbas semula dan semak rangka heading dengan sambungan pelayar seperti HeadingsMap.

## Sumber
- Dokumentasi peraturan axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order