Share

Some pages contain content that a user would want to share on a social network or through email. On those pages, a share component may be used at the bottom of the page.

When to use

  • To allow users to share page content on a social media network or through email

When not to use

  • To prompt users to follow UnitedHealthcare on social media

Anatomy

1. Label: this is persistent and non-interactive

2. Social media icons: these can be turned on and off as needed on an individual basis

Demos & variations

Behaviors

Social media icons open a separate tab to their respective share prompts with the page content already linked.

Mouse

Users can click on the social media icons.

Keyboard

Users can navigate between social media icons by pressing Tab and Shift-Tab. Users can trigger a social media icon by pressing Enter when the element has focus.