DependencyTrack / DependencyTrack/frontend

Accessibility - Important information will be missed by a screen reader in Forms Mode

Open
#1,614 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
Vue
Stars
171
Forks
250
Avg merge
10h 56m
Merged PRs (30d)
84

Description

### Current Behavior

In the create project form, when a screen reader is focused on any text box (project name, version, classifier, team, etc), it doesn't read the text in the information box beside.

Non visual users might miss important information when trying to create new projects.

Image

### Proposed Behavior

When the non visual user tab through the form, the screen reader should tell this user the information included in these information box.

### Checklist

- [x] I have read and understand the [contributing guidelines](https://github.com/DependencyTrack/dependency-track/blob/main/CONTRIBUTING.md#filing-issues)
- [x] I have checked the [existing issues](https://github.com/DependencyTrack/frontend/issues) for whether this enhancement was already requested

Contributor guide

No contributing guide indexed for this repository

Research direction

Start at the frontend's create project form and inspect how its information boxes are associated with the project name, version, classifier, team, and other text boxes in forms mode. Reproduce the issue with a screen reader while tabbing through the form; done means each field announces its adjacent information and existing form behavior remains intact.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.