Info Icons on Medication Suggestor Screens are Not Keyboard Accessible

Open Beginner friendly
#488 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
65/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Tech stack
typescript
Domain
accessibility, frontend

Research direction

Start with the Medication Suggestion Patient Details and Summary Page, then use the running application to locate the info icons next to fields. Trace those UI elements to their implementation and verify keyboard focus in Chrome and Firefox. Done means each info icon can be reached through keyboard navigation on both pages.

Written by the indexing model from the issue text.

Description

Bug

Pages: Medication Suggestion Patient Details and Summary Page

Link: https://balancerproject.org/

Device(s): Desktop/Laptop

Description of Problem:
When using keyboard navigation, the info icons next to fields are inaccessible.

Expected Behavior:
Users should be able to focus the info icons in the medication suggester using keyboard navigation

Browser(s): Chrome, Firefox

Dominant language
TypeScript
Stars
21
Forks
19
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from CodeForPhilly/balancer-main

All issues in CodeForPhilly/balancer-main

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.