Search example

With aria controls attribute

The aria-controls attribute is a ‘relationship attribute’ which denotes which elements in a page an interactive element or set of elements has control over and affects.

For places like the finders where the page is updated dynamically after value changes to the input.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/search", {
  aria_controls: "wrapper"
} %>