From eb0d1413e783a367bd6ccb601d8cfbc8bc290ead Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Fri, 8 Oct 2021 06:51:49 +0200 Subject: [PATCH] Add a callout for the search role --- site/content/docs/5.1/components/navbar.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/site/content/docs/5.1/components/navbar.md b/site/content/docs/5.1/components/navbar.md index 47c00310d8..53c38b9f94 100644 --- a/site/content/docs/5.1/components/navbar.md +++ b/site/content/docs/5.1/components/navbar.md @@ -235,6 +235,12 @@ Immediate child elements of `.navbar` use flex layout and will default to `justi {{< /example >}} +{{< callout warning >}} +#### Ensure correct search `role` + +In order for assistive technologies (such as screen readers) to identify a section of the page used to search content, the form should have a `role=search`. +{{< /callout >}} + Input groups work, too. If your navbar is an entire form, or mostly a form, you can use the `
` element as the container and save some HTML. Applies to the option above and below this copy. {{< example >}}