gatsby-theme-carbon
gatsby-theme-carbon copied to clipboard
Published
20 hours ago •
carbon-design-system
carbon-design-system
Update permalink functionality
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:
- https://github.ibm.com/IBMa/E2E/issues/2079
- https://github.ibm.com/IBMa/E2E/issues/1709
I believe this fix will need to be made over in the Carbon Gatsby Theme once we decide on a solution
