Link Indicator for leaving the site

[smsada]

Overview

We want to communicate when a user will be leaving our site to comply with new practice of identifying external links.

Description

• We want to have an icon that signifies when an action will cause the user to leave the site next to our hyperlinks

Action Items

• [x] Think of best way to integrate the icon below into the button on "Become a Volunteer"
  • Icon doesn't need to exist on the Become a Volunteer button if there can be a work around
  • UI/UX should think of how to communicate a user is leaving the site
• [ ] Make visual changes on the website based on UI/UX recommendations
  • Changes should be implemented by front end

Resources/Instructions

• #1143
• Related issue for Volunteer section of Collaborate page
• Recording Timestamp: 1:27
• Government Regulation re: external links on websites
• Accessibility Article for Links

[chalimar]

Attached is an SVG to add to links or buttons going to an external site. Click to download or Slack me if you need it 😄

[smsada]

PMs: Need to audit site to find where these issues need to be implemented and list them Front End: Needs to implement this icon onto the live site

[bruceplai]

[bruceplai]

[bruceplai]

[bruceplai]

[bruceplai]

@smsada do the attached images cover all the places where we need to indicate external links?

[smsada]

Awaiting audit/list of all places where this needs to be implemented [screenshots pending]