Structure - Developers ✎

Make it easier for people to complete input fields requesting personal information.

A clear indication that specific form fields are required can save users time and avoid potential errors relating to missing data when a form is submitted.

Descriptive labels help users understand the purpose of a form control. Labels should be associated with their controls so that when the input is focused, the label is announced by screen readers.

Landmarks help assistive-technology users navigate to and between areas of a page, and they improve the efficiency of in-page navigation.

The main landmark defines the unique content of the page.

The heading levels (1-6) are often considered a way of describing and determining the “importance” of a heading, with h1 being the most important.

For a readable interface, it's important to use visual cues to group or separate content to show which content relates to other content.

When positioning elements using CSS, it's possible to place them in a position that does not reflect their location in the source order. This can have unexpected side effects for keyboard-navigation users.