fix(a11y): de bevindingkaarten — het scorebadge-label was wit op de lichte ernstbanden (#821) #824

Merged
brenno merged 2 commits from fix/donkere-modus-bevindingkaarten-821 into main 2026-07-24 22:02:20 +00:00
Owner

Verder met de bevindingkaarten uit #821 — een van de oppervlakken die #780
niet had bekeken.

Wat er mis was

Twee dingen, allebei op de FIRST-ernstbanden.

Het gevulde scorebadge. De bevindingeditor en de CVSS-bouwer zetten een
vast wit label (12px, bold) op de ernstband. Dat is gewone tekst, lat 4,5:1 —
en op de lichte oranje/amber banden haalde wit dat niet:

band wit label
High (oranje #EA580C) 3,56 : 1
Medium (amber #D97706) 3,19 : 1

Op een dia is hetzelfde label groot (~30px) en volstaat 3:1; daar is wit goed.
In de editor is het klein.

De ernstlegenda in het managementoverzicht. Een gekleurde stip per band,
en op de donkere dialoog zakt de rode naar 2,26:1 — die verdwijnt bijna.

De fix

AppTheme.labelOn (nu publiek, was _labelOn) kiest zwart of wit per band:
zwart op High/Medium (5,90 / 6,59:1), wit op Critical/Low/None. De badges in
beide plekken lezen hun label nu zo.

De legenda-stip houdt zijn FIRST-kleur (die deelt hij met de dia) maar krijgt
een haarlijn, zodat hij als vórm zichtbaar blijft op elke achtergrond. De ernst
staat als tekst ernaast — de kleur is bevestiging, niet de enige drager (WCAG
1.4.1).

Draaiend nagekeken

De bevindingeditor in donkere modus, over alle vijf de banden door de
CVSS-vector te variëren:

  • Basis 7.1 · High → zwart label op oranje ✓
  • Basis 5.1 · Medium → zwart label op amber ✓
  • Critical (9.3) → wit op rood ✓
  • Low (2.1) → wit op groen ✓

Precies de gevallen die de fix raakt, met eigen ogen bevestigd.

Poort

finding_severity_palette_test: labelOn haalt op élke band de tekstlat.
Eén keer rood gezien (medium 3,19:1 met vast wit).

make check, goldens, secrets en SAST groen. Bewaker overgeslagen, expliciet:
geen formaat/opslag/afhankelijkheid/verkeer/belofte — kleurtokens en één toets.

Nog open

De rondgang van #821 is hiermee nog niet af. Het beamerscherm en het
tweede-schermpad blijven onbekeken (dat vraagt twee schermen), net als de
meeste slide-editors op rij. #821 blijft open.

Refs #821

Verder met de bevindingkaarten uit #821 — een van de oppervlakken die #780 niet had bekeken. ## Wat er mis was Twee dingen, allebei op de FIRST-ernstbanden. **Het gevulde scorebadge.** De bevindingeditor en de CVSS-bouwer zetten een vast wit label (12px, bold) op de ernstband. Dat is gewone tekst, lat 4,5:1 — en op de lichte oranje/amber banden haalde wit dat niet: | band | wit label | |---|---| | High (oranje #EA580C) | 3,56 : 1 | | Medium (amber #D97706) | 3,19 : 1 | Op een dia is hetzelfde label groot (~30px) en volstaat 3:1; daar is wit goed. In de editor is het klein. **De ernstlegenda in het managementoverzicht.** Een gekleurde stip per band, en op de donkere dialoog zakt de rode naar 2,26:1 — die verdwijnt bijna. ## De fix `AppTheme.labelOn` (nu publiek, was `_labelOn`) kiest zwart of wit per band: zwart op High/Medium (5,90 / 6,59:1), wit op Critical/Low/None. De badges in beide plekken lezen hun label nu zo. De legenda-stip houdt zijn FIRST-kleur (die deelt hij met de dia) maar krijgt een haarlijn, zodat hij als vórm zichtbaar blijft op elke achtergrond. De ernst staat als tekst ernaast — de kleur is bevestiging, niet de enige drager (WCAG 1.4.1). ## Draaiend nagekeken De bevindingeditor in donkere modus, over alle vijf de banden door de CVSS-vector te variëren: - **Basis 7.1 · High** → zwart label op oranje ✓ - **Basis 5.1 · Medium** → zwart label op amber ✓ - Critical (9.3) → wit op rood ✓ - Low (2.1) → wit op groen ✓ Precies de gevallen die de fix raakt, met eigen ogen bevestigd. ## Poort `finding_severity_palette_test`: `labelOn` haalt op élke band de tekstlat. Eén keer rood gezien (medium 3,19:1 met vast wit). `make check`, goldens, secrets en SAST groen. Bewaker overgeslagen, expliciet: geen formaat/opslag/afhankelijkheid/verkeer/belofte — kleurtokens en één toets. ## Nog open De rondgang van #821 is hiermee nog niet af. Het beamerscherm en het tweede-schermpad blijven onbekeken (dat vraagt twee schermen), net als de meeste slide-editors op rij. #821 blijft open. Refs #821
Verder in de bevindingkaarten. De gevulde scorebadge in de bevindingeditor en
de CVSS-bouwer zette een vast wit label (12px, bold) op de ernstband. Dat is
gewone tekst — lat 4,5:1 — en op de lichte oranje/amber banden haalde wit dat
niet:

  High  (oranje #EA580C)   3,56 : 1
  Medium (amber #D97706)   3,19 : 1

Op een dia is hetzelfde label groot (~30px) en volstaat 3:1; daar blijft het
wit. In de editor is het klein. `AppTheme.labelOn` (nu publiek, was `_labelOn`)
kiest zwart of wit per band: zwart op High/Medium (5,90 / 6,59:1), wit op
Critical/Low/None (6,47 / 5,02 / 7,58:1).

Draaiend nagekeken over alle vijf de banden: "Basis 7.1 · High" en "Basis 5.1 ·
Medium" tonen nu een zwart label op hun lichte vulling, Critical en Low houden
wit.

En de ernstlegenda in het managementoverzicht: de gekleurde stip is een vaste
FIRST-band, en op de donkere dialoog zakt de rode naar 2,26:1 en verdwijnt
bijna. De kleuren blijven (ze delen hun waarde met de dia); een haarlijn houdt
de stip als vórm zichtbaar. De ernst zelf staat als tekst ernaast, dus de kleur
is bevestiging, niet de enige drager (WCAG 1.4.1).

Bewaakt door een toets in `finding_severity_palette_test`: `labelOn` haalt op
élke band de tekstlat. Eén keer rood gezien door het label weer op vast wit te
zetten (medium 3,19:1).

Refs #821

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
docs(source-map): het scorebadge-label leest de bandkleur via labelOn (#821)
All checks were successful
scans / scans (pull_request) Successful in 3m19s
4a76dfadee
Refs #821

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
brenno merged commit c06558d959 into main 2026-07-24 22:02:20 +00:00
Sign in to join this conversation.
No description provided.