Notes on Implementation

We implement Bootstrap’s Dropdowns component, but remove the aria-haspopup="true" attribute on the button element.

Accessibility Notes

Remove the aria-haspopup="true" attribute on the Bootstrap examples. If the dropdown includes more than one link, they should be marked up as a list (using <ul> and <li> elements). As with the Collapse component, it is important that this dropdown be a button with an accessible name that is unique and descriptive of its function. The state of the element must be conveyed via the aria-expanded attribute. See the example below for how to implement.