The clipboard copy component allows users to quickly and easily copy content to their clipboard.
Clipboard copy uses native keyboard interaction with Tab navigating between interactive elements, Shift + Tab going backwards, and Enter activating the toggle or clipboard copy button. The screen reader experience, likewise, will mostly be based on native interaction expectations.
In general, the clipboard copy component already has accessibility built in. HHowever, if you’d like to customize it, edit the following:
Which HTML element it appears on in markup
Aria-label to use on the TextInput.
.pf-c-button expanded toggle
Aria-label to use on the ClipboardCopyToggle.
.pf-c-button copy button
Aria-label for the copy button.
View source on GitHub