8.18 WCAG 2.1 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
In this example, 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
With proper coding, the focus order of the form can move in a much more logical manner.
WCAG 2.1 Reference:
https://www.w3.org/WAI/WCAG21/Understanding/focus-order
