Form layout and component usage

Forms are usually laid out in multiple columns and have submit and secondary buttons at the bottom row.

Required legend

The required legend indicates which fields are required within the form. It’s located above the form and under its corresponding heading and has descriptive screen reader text regarding the required dot’s meaning throughout the form.

A required dot is placed within the label of each required field and has equivalent screen reader text indicating that the field is required.

Button order

On large web screens, buttons are aligned to the right of the page, with the primary button aligned to the most right. In the DOM, the primary button is actually coded first, which allows for responsive design to stack the buttons in order of priority.