SMALL DETAILS. BETTER WEBSITES.
hostratTHE WEBSITE FIELD GUIDEMake a website brief
HOSTRAT / THE WEBSITE FIELD GUIDE

Website care

Make the obvious route work for more people.

Start a design review with readable content, clear controls and an interface that does not depend on one way of using it.

01

Look beyond colour

Do not use colour alone to communicate an error or a required action. Add a text explanation and a clear relationship to the relevant control. Check contrast between foreground information and its background.

02

Give controls clear names

Use visible labels for form fields and descriptive wording for links. Plan headings to reflect the page’s structure. Native HTML controls provide useful built-in behavior when used appropriately.

03

Test a real journey

Try reaching the primary action with a keyboard and at a narrow viewport. Check whether focus is visible and the content remains readable when enlarged. These initial checks are useful starting points, not a complete accessibility audit or a compliance claim.

Sources & further reading

Designing for accessibility — W3C WAI HTML and accessibility — MDN