DependencyTrack / DependencyTrack/frontend

Accessibility - sufficient color contrast against the background

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

Text (Date in the graphs, Graph subheadings, Titles of the portfolio statistics) in the dashboard page has poor colour contrast.
WCAG requires a minimum ratio of 4.5:1 for small text.

Image

### Proposed Behavior

Contrast text in Text (Date in the graphs, Graph subheadings, Titles of the portfolio statistics) with the background should be 4.5.1 minimum

### 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 dashboard page and locate the graph dates, graph subheadings, and portfolio-statistics titles named in the issue. Check each text/background pair with a WCAG contrast checker; done means the affected text reaches at least a 4.5:1 contrast ratio.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.