Problem description:
The button for copying the link for the conversation after the user finishes answering the questions is not accessible:
- It's only defined as an image for a screen reader
- It has no label and proper role
- can't be operated with the keyboard
Solution:
- Add the button for the tab order so it can be reached via the keyboard and implement keyboard click handlers
- Add semantic information for the button (role and label) using the role and aria-label attributes respectively
- Add an outline for the button when it gets focus to have the focus visible effect
Problem description:
The button for copying the link for the conversation after the user finishes answering the questions is not accessible:
Solution: