Search box

v1.0.0

An input that allows users to enter a keyword to filter content on the website.

Colour impairment

How the search box is viewed with various colour blindnesses

Example

Grayscale

How the search box is viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with the search box.

Example

Screen readers

Sitewide, search.

Search this website, edit text.

Search, button.

End of, sitewide, search

How the search box demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.