fix(ui): улучшить контраст трафика и предупреждений целей

This commit is contained in:
Denozordec committed 2026-10-13 16:50:12 +07:00
1 parent 6cc0094591
commit b9000b16e4
12 files changed
+509 -20

No files matched your search

@@ -0,0 +1,278 @@
{
"date": "2026-10-13",
"block": "12.5.205",
"runtime": {
"backend": "ux-lock200",
"frontend": "ux-portal199"
},
"actualPortalJWT": true,
"apiMocks": false,
"scope": [
"#main-content",
"[aria-label=\"Основная навигация\"]"
],
"tags": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22aa"
],
"cases": [
{
"path": "/traffic",
"theme": "light",
"width": 1440,
"passes": 22,
"incomplete": 2,
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"nodes": [
{
"target": [
".dark\\:border-input"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 3.65 (foreground color: #7e8083, background color: #f4f6f9, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".bg-primary\\/5 > .mt-2.justify-between.gap-2 > .text-\\[11px\\].gap-1:nth-child(1) > .text-emerald-500.font-mono.font-medium"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 2.07 (foreground color: #00bc7d, background color: #e9ebee, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".bg-primary\\/5 > .mt-2.justify-between.gap-2 > .text-\\[11px\\].gap-1:nth-child(2) > .text-blue-500.font-mono.font-medium"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 3.14 (foreground color: #2b7fff, background color: #e9ebee, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".bg-card > .mt-2.justify-between.gap-2 > .text-\\[11px\\].gap-1:nth-child(1) > .text-emerald-500.font-mono.font-medium"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 2.47 (foreground color: #00bc7d, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".bg-card > .mt-2.justify-between.gap-2 > .text-\\[11px\\].gap-1:nth-child(2) > .text-blue-500.font-mono.font-medium"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 3.76 (foreground color: #2b7fff, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
]
},
{
"path": "/alerts",
"theme": "light",
"width": 1440,
"passes": 23,
"incomplete": 1,
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"nodes": [
{
"target": [
".leading-none"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
"summary"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".\\[overflow-wrap\\:anywhere\\]"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
"strong"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"target": [
".\\[\\&_p\\]\\:leading-relaxed > p:nth-child(2)"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".underline"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
]
},
{
"path": "/backups",
"theme": "light",
"width": 1440,
"passes": 26,
"incomplete": 2,
"violations": []
},
{
"path": "/traffic",
"theme": "light",
"width": 320,
"passes": 22,
"incomplete": 1,
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"nodes": [
{
"target": [
".bg-primary\\/5 > .mt-2.justify-between.gap-2 > .text-\\[11px\\].gap-1.items-center:nth-child(1) > .text-emerald-500.font-mono"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 2.07 (foreground color: #00bc7d, background color: #e9ebee, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".bg-primary\\/5 > .mt-2.justify-between.gap-2 > .text-\\[11px\\].gap-1.items-center:nth-child(2) > .text-blue-500.font-mono"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 3.14 (foreground color: #2b7fff, background color: #e9ebee, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".bg-card > .mt-2.justify-between.gap-2 > .text-\\[11px\\].gap-1.items-center:nth-child(1) > .text-emerald-500.font-mono"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 2.47 (foreground color: #00bc7d, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".bg-card > .mt-2.justify-between.gap-2 > .text-\\[11px\\].gap-1.items-center:nth-child(2) > .text-blue-500.font-mono"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 3.76 (foreground color: #2b7fff, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
]
},
{
"path": "/alerts",
"theme": "light",
"width": 320,
"passes": 23,
"incomplete": 0,
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"nodes": [
{
"target": [
".leading-none"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
"summary"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".\\[overflow-wrap\\:anywhere\\]"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
"strong"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"target": [
".\\[\\&_p\\]\\:leading-relaxed > p:nth-child(2)"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"target": [
".underline"
],
"summary": "Fix any of the following:\n Element has insufficient color contrast of 4.32 (foreground color: #bb4d00, background color: #f5ede0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
]
},
{
"path": "/backups",
"theme": "light",
"width": 320,
"passes": 24,
"incomplete": 2,
"violations": []
},
{
"path": "/traffic",
"theme": "dark",
"width": 1440,
"passes": 23,
"incomplete": 2,
"violations": []
},
{
"path": "/alerts",
"theme": "dark",
"width": 1440,
"passes": 23,
"incomplete": 1,
"violations": []
},
{
"path": "/backups",
"theme": "dark",
"width": 1440,
"passes": 26,
"incomplete": 2,
"violations": []
},
{
"path": "/traffic",
"theme": "dark",
"width": 320,
"passes": 22,
"incomplete": 1,
"violations": []
},
{
"path": "/alerts",
"theme": "dark",
"width": 320,
"passes": 23,
"incomplete": 0,
"violations": []
},
{
"path": "/backups",
"theme": "dark",
"width": 320,
"passes": 24,
"incomplete": 2,
"violations": []
}
],
"passed": false,
"bounds": [
"Automated tagged DOM audit; not a complete WCAG certification",
"Admin only, default visible state; dialogs and native mutation scenarios not covered"
]
}
@@ -0,0 +1,12 @@
{
"date": "2026-10-13",
"block": "12.5.205",
"sourceFilesMatched": 527,
"productionBuildPassed": true,
"frontendImage": "mmapp-test/frontend:ux-accessibility205",
"imageId": "sha256:8f1eccf07d4d562a9100397806609a994280c3edf16a8a84b7cee5cbf98466ef8",
"backendImage": "mmapp-test/backend:ux-lock200",
"rollbackFrontendTag": "ux-portal199",
"vendorFilesChanged": 0,
"knownUserScreensPreserved": 8
}
@@ -0,0 +1,14 @@
{
"date": "2026-10-13",
"block": "12.5.205",
"stats": {
"startTime": "2026-10-13T09:43:05.106Z",
"duration": 34060.263,
"expected": 25,
"skipped": 0,
"unexpected": 0,
"flaky": 0
},
"errors": [],
"scope": "alerts target issues + shell tagged accessibility/keyboard/layers fixtures, not live production"
}
@@ -0,0 +1,125 @@
{
"date": "2026-10-13",
"block": "12.5.205",
"runtime": {
"backend": "ux-lock200",
"frontend": "ux-accessibility205"
},
"actualPortalJWT": true,
"apiMocks": false,
"scope": [
"#main-content",
"[aria-label=\"Основная навигация\"]"
],
"tags": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22aa"
],
"cases": [
{
"path": "/traffic",
"theme": "light",
"width": 1440,
"passes": 22,
"incomplete": 2,
"violations": []
},
{
"path": "/alerts",
"theme": "light",
"width": 1440,
"passes": 23,
"incomplete": 1,
"violations": []
},
{
"path": "/backups",
"theme": "light",
"width": 1440,
"passes": 26,
"incomplete": 2,
"violations": []
},
{
"path": "/traffic",
"theme": "light",
"width": 320,
"passes": 22,
"incomplete": 1,
"violations": []
},
{
"path": "/alerts",
"theme": "light",
"width": 320,
"passes": 23,
"incomplete": 0,
"violations": []
},
{
"path": "/backups",
"theme": "light",
"width": 320,
"passes": 24,
"incomplete": 2,
"violations": []
},
{
"path": "/traffic",
"theme": "dark",
"width": 1440,
"passes": 22,
"incomplete": 2,
"violations": []
},
{
"path": "/alerts",
"theme": "dark",
"width": 1440,
"passes": 23,
"incomplete": 1,
"violations": []
},
{
"path": "/backups",
"theme": "dark",
"width": 1440,
"passes": 26,
"incomplete": 2,
"violations": []
},
{
"path": "/traffic",
"theme": "dark",
"width": 320,
"passes": 22,
"incomplete": 1,
"violations": []
},
{
"path": "/alerts",
"theme": "dark",
"width": 320,
"passes": 23,
"incomplete": 0,
"violations": []
},
{
"path": "/backups",
"theme": "dark",
"width": 320,
"passes": 24,
"incomplete": 2,
"violations": []
}
],
"passed": true,
"bounds": [
"Automated tagged DOM audit; not a complete WCAG certification",
"Admin only, default visible state; dialogs and native mutation scenarios not covered"
],
"waitForTrafficRefreshEnabled": true
}