Make an intuitive order focusable and defined in markup

Comparison of a focus order that goes up to down, left to right (accessible) vs. a random order (inaccessible)
Image description: Accessible vs. inaccessible comparison of an intuitive focus order. Both depict an online form with the following labels and user input: "Street address, 123 Square Street. City, Square City. State, SQ (dropdown arrow). Zip code, 2416256." There are light blue number labels that represent the focus order. In the accessible example, the order goes top to bottom, left to right. In the not accessible example, it goes randomly and out of order.

This page is in progress -

If you would like to contribute or make a case to prioritize this page, please fill out the form below.

Why This is Important

Coming soon

Coming soon

How to Implement This

Coming soon

How to Test This

Coming soon


No credits yet. But this could be you!
No items found.

Contribute and Give Feedback

If you would like to provide feedback or contribute content on this resource, please fill out the form below.

Thank you, your submission has been received!
Oops! Something went wrong while submitting the form. Please check your internet connection and try again.

If you continue to encounter issues, please reach out to alexyingchen(at)