Use search landmark on search patterns

[mjbp]

Spec discussion about using role=search on form - w3c/html-aria#18

W3C spec and guidance
https://w3c.github.io/aria-practices/#aria_lh_searchy
https://w3c.github.io/aria-practices/examples/landmarks/search.html
https://w3c.github.io/aria/#search

[mjbp]

"When you expand the search, NVDA reads 'Your search'. This may not make it clear to the user that they need to start typing. GOV.UK says 'Sitewide search landmark, Search GOV.UK'. BBC says 'Main landmark, Search landmark, Input your search term'"

[mjbp]

@susannah-rogers This is now on Netlify ready for testing.

[susannah-rogers]

@mjbp thanks for adding the search landmark. NVDA now reads 'Search landmark. Your search edit has autocomplete blank' which is a definite improvement. Would it be possible for NVDA to read 'Search landmark. Input your search term'?

[mjbp]

@susannah-rogers @sarah-storm updated the visually hidden label to match your suggestion. It's on Netlify for to test at your convenience.

[susannah-rogers]

@mjbp Great, thanks. This is now working as expected.