Copy components are accessible via the Form Controls rotor menu in VoiceOver. By default, like in the example below, they are exposed to the rotor menu as "{{'{'}}copyBtnAriaLabel{{'}'}} button". This isn't great from an accessibility standpoint as it doesn't inform the user that it's a copy action that the button performs. Let's fix that.

In the example below you'll find the copy button is announced in the format of "Copy {{'{'}}copyBtnAriaLabel{{'}'}} to clipboard button". By providing custom tailored aria label inputs you can ensure the experience you provide to a visually impared user is aligned well with your standard sighted browsing experience.

Code