Skip to content

The button for copying the link for the conversation #11

Description

@mohammad-suliman

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions