[wp-trac] [WordPress Trac] #50322: Site Health "copy info" button: fix focus loss and other improvements

[WordPress Trac]

#50322: Site Health "copy info" button: fix focus loss and other improvements
----------------------------------------------+----------------------------
 Reporter:  afercia                           |       Owner:  afercia
     Type:  defect (bug)                      |      Status:  assigned
 Priority:  normal                            |   Milestone:  5.5
Component:  Site Health                       |     Version:  5.2
 Severity:  normal                            |  Resolution:
 Keywords:  has-patch commit has-screenshots  |     Focuses:  accessibility
----------------------------------------------+----------------------------

Comment (by afercia):

 One more problem with `ClipboardJS` is that is that the visually hidden
 textarea used to actually select and copy the text stays there in the DOM
 right before the closing `</body>` tag.

 This way it's still focusable, can be navigated to via keyboard, and it's
 perceived and announced by screen readers when arrowing or when using
 other shortcuts to jump to form elements. See screenshot below.

 To reproduce using the keyboard:
 - press the Tab key to go to the "Copy site info..." button
 - press Enter
 - focus is moved to the visually hidden textarea
 - press Shift + Tab to navigate back to the "stay updated" link in the
 admin footer
 - press Tab: you just navigated to the visually hidden textarea
 - press Tab again: keyboard navigation start from scratch (browser chrome
 then the document)

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/50322#comment:5>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform