On Polaris page "Enable multi-factor authentication" the copy code button is not marked up properly for accessibility or screen readers - Known Error

On Polaris page "Enable multi-factor authentication" the copy code button is not marked up properly for accessibility or screen readers Description On the Polaris Enable multi-factor authentication page, there is a button (stack of paper icon) to copy an authentication code. The button is not marked up correctly, so it is not possible to navigate to it with a keyboard. Additionally, assistive technology users have no way to know the control is a button, as it is simply a with an aria-label, not marked up as a . The status message is not announced to screen reader users, because there is no associated aria-live region. When a mouse user manages to click on the button, a green message "Copied to clipboard" appears briefly, before disappearing after five seconds. This is not enough time for a screen reader to encounter the message.

Steps to Reproduce

1. With Polaris enabled, navigate to /multi_factor_auth_setup_page.do .

2. Turn on a screen reader, such as VoiceOver for Mac (works best with Safari).

3. Press the Tab key several times to attempt to navigate to the stack of paper button to copy an authentication code. It is not possible to navigate to the button with a keyboard. If you right-click the button and check its aria-label attribute, the text says to "Click" to copy the code. This verbiage is not as accurate and may alienate some users. Also the screen reader does not announce the button (i.e. "Copy code").

4. Click on the stack of paper button to copy an authentication code. The screen reader does not announce anything (i.e. "Copied to clipboard") and the message disappears after five seconds.

Workaround This problem has been fixed. There is no workaround available. If you are able to upgrade, review the Fixed In section to determine the latest version with a permanent fix your instance can be upgraded to.