# Healthcare.gov Header

## Accessibility

The Healthcare.gov header has been tested against, and meets, the WCAG 2.1 standard for
accessibility.

- The header includes the [Skip Nav](/components/skip-nav/?theme=healthcare) component.
- The header includes the [USA-banner](/components/usa-banner/?theme=healthcare) component. [Read more about testing USA Banner’s accessibility](/components/usa-banner/#accessibility-testing).
- The header includes the [Healthcare.gov logo](/components/logos/healthcare-logo/?theme=healthcare). [Read more about testing the logo’s
accessibility](/components/logos/healthcare-logo/?theme=healthcare).
- The menu closes when the user selects or touches anywhere outside it.

### Accessibility testing

#### Screen reader testing

When using a screen reader:
- Screen reader announces each interactive element with its type (link or button)
and content.
- Screen reader announces collapsed and expanded states. For example, when
you first access USA Banner’s “Here’s how you know” button while using a
screen reader, the screen reader announces that it is “collapsed.” When
activated, the screen reader announces “expanded.”
- Screen reader announces the logo as image and link, and the link’s destination.

#### Keyboard testing

When navigating with a keyboard:
- Use the `Tab` key to move forward and `Shift` + `Tab` to move backward
through interactive elements.
- Confirm that focus is clearly visible on each interactive element.
- With the menu open, press `Escape`. Confirm the menu closes and focus returns to the “Menu” button.
- With the menu open, press `Tab` past the last menu link, or `Shift` + `Tab` before the “Menu”
button. Confirm the menu closes and focus moves to the next element.

```js
import { setHeaderSendsAnalytics } from '@cmsgov/<design-system-package>';
config({ headerSendsAnalytics: false });
```