Update permalink functionality - Githubissues

carbon-design-system / gatsby-theme-carbon

A Carbon inspired Gatsby theme

https://gatsby.carbondesignsystem.com/

Apache License 2.0

359 stars 274 forks source link

Update permalink functionality #1415

Open aagonzales opened 3 years ago

aagonzales commented 3 years ago

This topic was discussed in our design crit on 6/6/21 with @mbgower.

Topic: permalinks

Permalink, the link icon that appears next to the headers on the carbon website.

Current permalink concerns:

Permalink only appears on hover and no accessible on mobile/touch devices
With wcag2.? actions on hover will more longer be accessible.
Action only scrolls user to point on page and does not copy link. User must manually copy link from browser.
Permalink is an added tab stop for keyboard users

Possible solutions:

Update so that clicking on the permalink icon copies the url link instead of navigating to it.
Update so the content on page does not move when user clicks on permalink
Icon can remain only on hover if there is another always present way to trigger action. Suggested solution is to make the headers themselves also targets for copying the link.

Related issues:

tw15egan commented 3 years ago

I believe this fix will need to be made over in the Carbon Gatsby Theme once we decide on a solution