mitre-attack / mitre-attack/attack-workbench-frontend

[REQUEST] Add an accessible change legend to the diff view

Open
#951 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
TypeScript
Stars
438
Forks
79
Avg merge
1d 21h
Merged PRs (30d)
3

Description

Is your feature request related to a problem? Please describe.
Diff colors and formatting, including green, red, and strikethrough, are not explained in the diff modal in the release track dashboard and may be difficult to interpret, particularly for colorblind users.

Describe the solution you'd like
Add a legend to the diff modal that explains each change indicator. Use colorblind-friendly indicators in addition to color, such as icons, labels, borders, or patterns.

Describe alternatives you've considered
Users can infer the meaning of colors from context, but this is inconsistent and inaccessible.

Additional context
The legend and visual indicators should be consistently available across all diff tabs and object types.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start at the release track dashboard's diff modal and trace how change colors, formatting, and strikethrough are rendered. Add a consistently available legend and non-color indicators across all diff tabs and object types, then verify the result for colorblind accessibility.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
accessibility, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.