search

ushahidi / platform

Ushahidi Platform API version 3+
http://ushahidi.com
Other
665 stars 502 forks source link

[Outreachy Task Submission ] The copy HTML embedded icon doesn't receive focus via keyboard tab navigation in Share Deployment Modal #4907

Open MugoBrian opened 2 months ago

MugoBrian commented 2 months ago

Issue The copy HTML embedded icon is not accessible via keyboard tab navigation hence a user cannot click (copy code) using the keyboard.

Area affected The Share deployment modal

Steps To Reproduce See the screencast below for reference:

  1. Go to the Ushahidi client platform.
  2. Click on the Share button, and a modal will pop up
  3. Navigate the Share deployment modal using the Tab button to traverse the elements.
  4. You will notice the copy icon doesn't receive any focus.

Environment: Browser: Chrome & Firefox

Steps To Reproduce Copy Icon a11y Issue.webm