DependencyTrack / DependencyTrack/frontend

Accessibility - Add aria-label descriptive for a screen reader

Open
#1,563 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

When a screen reader is focused on Search,Refresh ,Column on the projects page, the screen reads: "Search", "Refresh" and "Columns" but there is no reference that these are in reference to the table below.
Non visual users might mistake the search button for example as referring to searching the page or searching the solution.

### Proposed Behavior

The description for the elements should be :
Search : Type to search projects in the table below
Refresh : Refresh project list
Column : Select columns to show in the project table

### 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

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.