# Heading levels should only increase by one

Source: https://www.fixreports.com/issues/heading-order

Accessibility best practice

Heading levels skip (for example from H2 to H4), which makes the page structure confusing for screen reader users.

## What this rule checks
Ensure the order of headings is semantically correct.

## Why it matters
Screen reader users navigate by headings. This is a best practice supporting WCAG 1.3.1.

## How to fix it
### On any website
1. Adjust the heading levels in the affected sections so they go in order without skipping levels.
2. Change only the tag, not the visual style (use CSS classes for size).

### On Shopify
1. Adjust the heading levels in the affected sections so they go in order without skipping levels.
2. Change only the tag, not the visual style (use CSS classes for size).

### On WooCommerce and WordPress
1. Adjust the heading levels in the affected sections so they go in order without skipping levels.
2. Change only the tag, not the visual style (use CSS classes for size).

## How to check the fix
- Re-scan and check the heading outline with a browser extension such as HeadingsMap.

## Sources
- axe-core rule documentation (Deque): https://dequeuniversity.com/rules/axe/4.13/heading-order