WCAG 2.4.3: Focus Order

WCAG 2.4.3 Focus Order is a level A success criterion from WCAG 2.0. If a page is navigated in sequence, focus order should preserve meaning. It usually follows the visual reading order.

A keyboard user who lands on the pay button before the address cannot understand the form.

How to test

Tab from the top. Focus should move through the header, then the content, in an order that matches the layout.

How to fix

Remove positive tabindex values and DOM orders that jump.

Example that fails

Tabindex 5 on the footer link makes it the first stop.

Example that passes the check

Focus follows the visual order with no positive tabindex.

Shopify

Remove tabindex values greater than 0 from theme sections.

WooCommerce

Delete positive tabindex from checkout templates.

WordPress

Do not set positive tabindex on blocks.

Wix

Avoid custom code that sets tabindex greater than 0.

Related fixes