Mind Your Code: The Crucial Impact Of How Elements Are Ordered

Felicia Van Every • • 2 minute read
Mind Your Code: The Crucial Impact Of How Elements Are Ordered

The order in which assistive technology reads information is crucial for users to navigate content effectively. In the following A11y App Review example, we'll explore a situation where a blind user must depend on memory and context from other elements to discern what they are adjusting while booking a hotel room with Hyatt.

Recommended Best Practice:

When dealing with forms or input areas in an application, ensure that the code follows an order that allows screen readers to read the field label and then the input sequentially. Additionally, consider putting all related input fields together by the fieldset elements. This facilitates user orientation and comprehension of the input fields.

Using descriptive text with each input reduces reliance on the user's memory and reinforces the user's selection. Lastly, the screen reader should announce the updated state when an input changes.

Accessibility input issues with Hyatt hotel booking

Learn more about our inclusive digital experiences.