Skip to content

Commit

Permalink
Add a callout for the search role
Browse files Browse the repository at this point in the history
  • Loading branch information
julien-deramond committed Oct 8, 2021
1 parent d37a6ca commit eb0d141
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions site/content/docs/5.1/components/navbar.md
Original file line number Diff line number Diff line change
Expand Up @@ -235,6 +235,12 @@ Immediate child elements of `.navbar` use flex layout and will default to `justi
</nav>
{{< /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 `<form>` element as the container and save some HTML. Applies to the option above and below this copy.

{{< example >}}
Expand Down

0 comments on commit eb0d141

Please sign in to comment.