Accessibility: the "Copied to clipboard" message is not properly vocalized

I found the "Copied to Clipboard" message is not clearly displayed when the Copy button is clicked - the words overlap on top of each other. I guess this might be a related issue but this does not need the div out of a.

Attached is the screenshot and the patch fix!

Attaching missing files in my previous comment!

The div out of the a is required by assistive technologies like Voice Over for proper vocalization (tested on Safari and Chrome).

But this change could probably require some CSS tweaks I guess.

With testing I found that that the visual display no longer works with the proposed changes. See attached screen captures.

Made a small CSS tweak and here is what I get on my side.

Since I have merged two other issues, there is now a conflict on this branch.

Rebased.

Improved a bit the popup display:

👍thanks @mably

Automatically closed - issue fixed for 2 weeks with no activity.