fix(tradein/v2): a11y contrast — source badges ≥AA в оверлеях (#2062)
Прод-QA P3 нашёл 10 axe color-contrast (serious) в оверлее 05: 9px source-бейджи tokens.muted (#6f8195) на badgeTint ≈3,3:1 < AA. SourcesView badge muted→body2 (≈6,3:1); HistoryView ДКП source badge accent→accentDeep (≈5:1, синий сохранён). Закрывает хвост item-9 (микро-лейблы <4.5:1) → axe 0 и в оверлеях.
This commit is contained in:
parent
565d5c906b
commit
848a44c629
2 changed files with 5 additions and 2 deletions
|
|
@ -347,7 +347,9 @@ export default function HistoryView({
|
||||||
border: `1px solid ${tokens.line2}`,
|
border: `1px solid ${tokens.line2}`,
|
||||||
borderRadius: "3px",
|
borderRadius: "3px",
|
||||||
padding: "1px 5px",
|
padding: "1px 5px",
|
||||||
color: tokens.accent,
|
// accentDeep (not accent): 8px accent on badgeTint ~2.8:1 < AA;
|
||||||
|
// accentDeep keeps the blue brand cue at ≈5:1.
|
||||||
|
color: tokens.accentDeep,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{r.source ?? "—"}
|
{r.source ?? "—"}
|
||||||
|
|
|
||||||
|
|
@ -96,7 +96,8 @@ const badge: CSSProperties = {
|
||||||
border: `1px solid ${tokens.line2}`,
|
border: `1px solid ${tokens.line2}`,
|
||||||
borderRadius: 3,
|
borderRadius: 3,
|
||||||
padding: "2px 8px",
|
padding: "2px 8px",
|
||||||
color: tokens.muted,
|
// body2 (not muted): 9px muted on badgeTint was ~3.3:1 < AA; body2 ≈ 6.3:1.
|
||||||
|
color: tokens.body2,
|
||||||
};
|
};
|
||||||
|
|
||||||
const chip: CSSProperties = {
|
const chip: CSSProperties = {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue