[M] Sphinx-copybutton SVG may be incorrectly marked as decorative

[gabalafou]

@smeragoel said that the copy button was incorrectly coded as decorative.

Inspect the copy button in browser accessibility tree and inspect using a screen reader. Double check the SVG.

[gabalafou]

@smeragoel if you have any additional insights, could you add them here?

[smeragoel]

Just to add a recap of this issue, the copy button image in code blocks is coded as decorative, but because "the image conveys information that isn't available through other page content, it's meaningful." Adding more context from Accessibility Insights:

Screen readers will ignore any image coded as decorative, even if it has an accessible name. Unless an image is coded as decorative, screen readers will assume it's meaningful. In an attempt to communicate the image's meaning, they might announce the image's filename.

Also, for meaningful images:

• Make sure it has a descriptive accessible name using a non-empty alt, aria-label, aria-labelledby, or title attribute. (Only , , and elements can have alt attributes.)
• If it's an icon font, image, or CSS background image, also add role="img".
• If it's a CSS background image, also add a text element that conveys the image's information and is visible when CSS is turned off.

[trallard]

Not planned as copy-button is not a core dep for PST