Skip to content

Accessible search form mark-up

A brief checklist for marking-up an accessible search form. Last updated on 21 May 2020.

Example

<form role="search">
    <label for="search">Search</label>
    <input id="search" type="search" aria-describedby="search-help-text">
    <button type="submit">Search</button>
    <p id="search-help-text">Search by town or postcode.</p>
</form>

More info