fix(tradein/v2): a11y — «скоро» pill AA contrast + drawer aria-hidden (#2062)
All checks were successful
CI / changes (pull_request) Successful in 11s
CI / backend-tests (pull_request) Has been skipped
CI / frontend-tests (pull_request) Has been skipped
CI / openapi-codegen-check (pull_request) Has been skipped

axe-фоллоуап к #2066: «скоро» (КОЭФ.ЛОКАЦИИ) muted2→body2 (2,3→6,3:1 на badgeTint); LocationDrawer aria-hidden когда закрыт (off-canvas вне лендмарка → снимает axe «region»).
This commit is contained in:
bot-backend 2026-06-28 20:11:43 +03:00
parent e148e61d49
commit 041589f2fc
2 changed files with 10 additions and 4 deletions

View file

@ -373,7 +373,9 @@ export default function HeroBar({
style={{
fontSize: "9px",
letterSpacing: ".5px",
color: tokens.muted2,
// body2 (not muted2): муть на badgeTint давала 2.3:1 < AA;
// body2 на badgeTint ≈ 6.3:1 — читаемо, остаётся «приглушённым».
color: tokens.body2,
background: tokens.badgeTint,
border: `1px solid ${tokens.line2}`,
borderRadius: 10,

View file

@ -71,6 +71,11 @@ export function LocationDrawer({ open, onClose }: LocationDrawerProps) {
{/* drawer */}
<div
// Off-canvas when closed → keep it out of the a11y tree so it isn't
// flagged as content outside a landmark (axe "region"). No native
// focusable elements inside (close is a div), so aria-hidden is safe.
// Full dialog semantics (role=dialog/focus-trap/inert) land in P3.
aria-hidden={!open}
style={{
position: "absolute",
top: 0,
@ -196,9 +201,8 @@ export function LocationDrawer({ open, onClose }: LocationDrawerProps) {
<b style={{ color: tokens.ink2 }}>
рекомендованная цена в объявлении
</b>{" "}
(asking),{" "}
<b style={{ color: tokens.ink2 }}>ожидаемая цена сделки</b> (asking
торг по ДКП),{" "}
(asking), <b style={{ color: tokens.ink2 }}>ожидаемая цена сделки</b>{" "}
(asking торг по ДКП),{" "}
<b style={{ color: tokens.ink2 }}>ДКП·Росреестр</b> (фактические
сделки). CV коэффициент вариации выборки (разброс цен).
</div>