You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi,
We're using the copy button feature which is really useful but is not accessible.
The problem is that they're not actual HTML buttons, so they can't be used by keyboard / screen reader users.
I think the easiest solution is to use a <button> element with the proper attributes like aria-label.
If that is not possible, a button role should be assigned, but also there needs to be a focus outline with keyboard, along with a tabindex of 0. In addition, it would need a hook or listener that looks for enter or spacebar to activate the copy item.
The text was updated successfully, but these errors were encountered:
Hi,
We're using the copy button feature which is really useful but is not accessible.
The problem is that they're not actual HTML buttons, so they can't be used by keyboard / screen reader users.
I think the easiest solution is to use a
<button>
element with the proper attributes likearia-label
.If that is not possible, a button role should be assigned, but also there needs to be a focus outline with keyboard, along with a tabindex of 0. In addition, it would need a hook or listener that looks for enter or spacebar to activate the copy item.
The text was updated successfully, but these errors were encountered: