DependencyTrack / DependencyTrack/frontend

Toggle switches not keyboard accessible on Projects page

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

Description

### Current Behavior

The toggle switches "Show inactive projects" and "Show flat project view" are not keyboard accessible.

They cannot be focused using the Tab key and cannot be toggled using Enter or Space. Interaction is only possible via mouse input.

### Steps to Reproduce

1. Navigate to the Projects page
2. Use the Tab key to move through interactive elements
3. Attempt to focus the toggle switches ("Show inactive projects" and "Show flat project view")
4. Try to activate them using Enter or Space

### Expected Behavior

The toggle switches should be focusable using the Tab key and should be operable using Enter or Space, allowing full keyboard interaction.

### Dependency-Track Frontend Version

4.7.x

### Browser

Microsoft Edge

### Browser Version

Microsoft Edge 148.0.3967.70 (64-bit)

### Operating System

Windows

### 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 defect was already reported

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.