Anchor plugin default settings are not so accessible (a11y):
No description of the action of the link (some people could not understand the icon)
No aria label to help screen reader to know which action they trigger
On touch screen the anchor is not displayed
The left mode is not good cause with screen reader it reads link before title
Copy link mode doesn't go to the anchor
The solution
Add some help in blueprint form
Add aria-label and title question in the form
Add touch mode in more of hover
Make the copy mode to copy AND go to the link
Important: about aria-label this one should remind the heading text, eg: "Copy and go to the link of the section 'My super heading'". But in this solution, i was not able to do this with the anchor.js library (i think this one should be fixed to allow to support WCAG 2.1 2.4.4 criteria...
States of the PR
Tested on a recent grav.
But i will try to make a PR on anchor.js. It could take time, so i suggest to merge this PR.
The problem
Anchor plugin default settings are not so accessible (a11y):
The solution
Important: about aria-label this one should remind the heading text, eg: "Copy and go to the link of the section 'My super heading'". But in this solution, i was not able to do this with the anchor.js library (i think this one should be fixed to allow to support WCAG 2.1 2.4.4 criteria...
States of the PR
Tested on a recent grav. But i will try to make a PR on anchor.js. It could take time, so i suggest to merge this PR.