Select to view content in your preferred language

Social Media Icon Links

357
3
08-28-2024 01:12 PM
KathrynClifton
Occasional Contributor

Hi.

I have added several Social Media Icon links in the header for my Hub.

I'd love for them to open in a new tab by default.

Is this easily possible?

Thanks!

0 Kudos
3 Replies
Ed_
by MVP Regular Contributor
MVP Regular Contributor

Maybe this 👇 could help 

But the links will show up as menu links though

Ed__0-1724877059192.png

 

Question | Analyze | Visualize
0 Kudos
KathrynClifton
Occasional Contributor

Thanks, @Ed_ . However, I was trying to avoid this route.

I'd prefer to use the social icons that are available to be configured in the header, but there are no options to open in a new tab.

 

0 Kudos
KlaraSchmitt
Esri Regular Contributor

Hi @KathrynClifton,

The reason you are unable to set social media links to open in new tabs through our header is because there is not a good way for us to indicate that on an icon-only button. We are trying to adhere to the WCAG recommended techniques of not opening links in new tabs or windows:

https://www.w3.org/WAI/WCAG21/Techniques/general/G200 
https://www.w3.org/WAI/WCAG21/Techniques/general/G201

Typically, when we do have our application open a link in a new tab, we append a launch icon to the end of the link text. The launch icon itself is labelled "opens in new tab," which helps us avoid having the aria-label on the link, which would then trump the link text itself and fail: https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context. However, with icon-only buttons for social media, we label the icon based on the destination (e.g. YouTube, Instagram, etc.) to pass the link purpose guideline and since we cannot really append a second icon warning that the icon button would open in a new tab, we do not make it configurable. 

0 Kudos