DependencyTrack / DependencyTrack/frontend

Accessibility - Hamburger menu is missing focus indicator when tabbing through fields

Open
#1,202 1 comment 0 reactions 0 assignees View on GitHub
accessibility enhancement good first issue p2 size/S
Dominant language
Vue
Stars
171
Forks
250
Avg merge
10h 56m
Merged PRs (30d)
84

Description

### Current Behavior

Hamburger menu is missing focus indicator when tabbing through fields

### Proposed Behavior

Add CSS to ensure the menu button has a visible focus state

### Checklist

- [x] I have read and understand the [contributing guidelines](https://github.com/DependencyTrack/dependency-track/blob/master/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

Locate the hamburger menu button and its associated styles in the frontend, then reproduce the issue by tabbing through the fields with keyboard focus. Add the requested visible focus state and verify that the menu button remains clearly identifiable while tabbing.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.