跳至主要內容
What's New

8.18 WCAG 2.2 Success Criterion 2.4.3 − Focus Order

When writing the HTML code for a webpage, make sure the content is coded in a logical order. It will then be communicated in a logical manner when read by screen readers. This is particularly important for web forms.

Before Rectification

A web form sample where the fields follow a horizontal order in its visual presentation, but are coded with a vertical sequence.

The form has been coded so that the focus order goes from First Name, to Address, to Phone, then to the Submit button. This is not intuitive to a user.

After Rectification

A web form sample where the visual presentation matches the coding sequence.

With proper coding, the focus order of the form can move in a much more logical manner.

WCAG 2.2 Reference:

https://www.w3.org/WAI/WCAG22/Understanding/focus-order