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

+14 -2
View File
@@ -1,6 +1,6 @@
# UX/UI: протокол внешней приёмки 12.5
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
IPsec78: реальный PSK responder established, mode-config198.18.78.10 и online=true подтверждены API; точные собственные объекты удалены. Сертификатный/DN online, late failure и history restore остаются открытыми. [Отчёт](ux-ui/acceptance/ipsec-mode-config-2026-10-09.json), [журнал](ux-ui-progress.md).
@@ -696,7 +696,7 @@ flowchart LR
## 12.5.77 — основной блок IPsec (2026-10-09)
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
Подробный объём, протоколы, схема и ограничения: [12.5.77 в журнале](ux-ui-progress.md).
@@ -2480,3 +2480,15 @@ Actual Portal1.3.1 issued admin/own reader JWT, deployed frontend ux-portal199/b
Первый диагностический обход проверял любой shared GET200 и был недостаточен для подтверждения data fetch; финальный52 усилен specific endpoint ожиданием. Counts не складываются. API/Portal ответы не mock, JWT storage seed использует реально выданный token. Своя reader fixture удалена204. Tunnel/form actions не выполнялись и новые native объекты не создавались; обычные GET могут опрашивать RouterOS. Это проверка navigation/session/section API/адаптивности после общих auth changes, не полная приёмка каждой формы/native state или throughput.
Протокол: [live navigation52](ux-ui/acceptance/section204-live-navigation-2026-10-13.json). Source/runtime не менялись. Следующий205: scoped automated WCAG-tagged audit data sections(light/dark,ПК/телефон) на реальном приложении; не считать его полным WCAG сертификатом.12.5 открыта.
## 12.5.205 — контраст живых данных и предупреждения целей (2026-10-13)
Actual admin Portal JWT, без API mocks: traffic/alerts/backups ×light/dark×1440/320, axe-core4.11.3 tags WCAG2A/AA,2.1A/AA,2.2AA вmain-content иосновной навигации. Baseline выявил4 failing combinations: light traffic RX/TX2.07–3.76:1 иlight alerts warning4.32:1 при требовании4.5:1. Dark иbackup passed. Baseline сохранён, не переписан successful result.
В app traffic6 numeric spans RX/TX теперь используют semantic text-foreground; стрелки/графики/форматеры сохранены. AlertsTargetIssues переиспользует установленный ReUI Alert вместоlegacy UI Alert, предупреждениеvariant warning/role status исуществующее содержимое сохранены. Vendor/shared theme не менялись. API прочитан через ReUI MCP: [docs](https://reui.io/docs/components/base/alert?ref=mcp), [preview](https://reui.io/components/alert?ref=mcp). Замечание axe ксерой кнопке «Обновить» перепроверено после actual enabled state: initial snapshot был вtransition загрузки. Стили кнопки не менялись, финальный тест ждёт завершения загрузки данных, ане исключает contrast rule.
TypeScript/scoped ESLint passed;25 unique E2E34060ms,0unexpected/skips (target warning +shell accessibility/keyboard/layers).4 clean shell screenshots восстановленыпослетеста,8 исходных dirty GRE/VXLAN скриншотов сохранены. Production build/source527 matched, frontend ux-accessibility205 развёрнут, backend ux-lock200/Portal/AUTH_REQUIRED сохранены. Повторный actual tagged audit12/12 безviolations, includinglight numbers/warning. Incomplete checks сохраняются вprotocol, не объявлены passed WCAG критериями. Это default visible admin states, не полный WCAG сертификат, manual keyboard audit всехforms или reader dialogs.
Протоколы: [baseline](ux-ui/acceptance/accessibility205-baseline-2026-10-13.json), [fixture E2E25](ux-ui/acceptance/accessibility205-e2e-2026-10-13.json), [live audit12](ux-ui/acceptance/accessibility205-live-2026-10-13.json), [deployment](ux-ui/acceptance/accessibility205-deployment-2026-10-13.json).
Следующий206: actual live keyboard/focus для общихmenus итиповых Dialog/Sheet, ПК/телефон/роли, безapply/native mutation.200 collector loss реагирует только наobserved errors/end (неfencing);201 whole Telegram accepted, initial197 cause unproven.12.5 остаётся открытой из-за остальныхграниц внешней матрицы.
+3 -3
View File
@@ -1,12 +1,12 @@
# План реализации UX/UI по пятичасовым окнам
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
Общий план проекта MikrotikManager. Основан на согласованном плане из задачи; точка продолжения обновлена 2026-10-13. Источник фактического прогресса, проверок и ограничений — [журнал реализации](ux-ui-progress.md). Этот документ задаёт объём и критерии завершения, журнал фиксирует результат.
## Актуальная точка продолжения — 2026-10-13
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
Этапы0–11 завершены в локальных границах журнала. История выполненных внешних блоков и доказательства сохранены в [журнале](ux-ui-stage-12.md) и [протоколе](ux-ui-external-acceptance.md). Реальная Telegram доставка, Portal SSO, multi-instance и оставшиеся профильные сетевые ограничения открыты.
@@ -371,6 +371,6 @@ flowchart LR
## 12.5.77 — основной блок IPsec (2026-10-09)
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
Подробный объём, протоколы, схема и ограничения: [12.5.77 в журнале](ux-ui-progress.md).
+13 -1
View File
@@ -1,6 +1,6 @@
# UX/UI: журнал реализации
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
Общий план: [UX/UI по этапам и пятичасовым окнам](ux-ui-plan.md). План задаёт объём, этот журнал фиксирует выполненные блоки и ограничения. Записи расположены от новых к старым; подробная история этапа12 также сохранена в [ux-ui-stage-12.md](ux-ui-stage-12.md).
@@ -38,6 +38,18 @@
| 11Б | Оповещения, сбор данных, интеграции, релизы и настройки | Завершён в границах локальной приёмки 2026-10-03; ограничения и evidence в11Б.7 |
| 12 | Итоговая доступность, адаптивность, производительность и регрессия | Локальная приёмка завершена в границах12.3.83; внешняя12.5 в работе, выполненные блоки1–196 и ограничения ниже. Runtime backend/frontend ux-peak196. |
## 12.5.205 — контраст живых данных и предупреждения целей (2026-10-13)
Actual admin Portal JWT, без API mocks: traffic/alerts/backups ×light/dark×1440/320, axe-core4.11.3 tags WCAG2A/AA,2.1A/AA,2.2AA вmain-content иосновной навигации. Baseline выявил4 failing combinations: light traffic RX/TX2.07–3.76:1 иlight alerts warning4.32:1 при требовании4.5:1. Dark иbackup passed. Baseline сохранён, не переписан successful result.
В app traffic6 numeric spans RX/TX теперь используют semantic text-foreground; стрелки/графики/форматеры сохранены. AlertsTargetIssues переиспользует установленный ReUI Alert вместоlegacy UI Alert, предупреждениеvariant warning/role status исуществующее содержимое сохранены. Vendor/shared theme не менялись. API прочитан через ReUI MCP: [docs](https://reui.io/docs/components/base/alert?ref=mcp), [preview](https://reui.io/components/alert?ref=mcp). Замечание axe ксерой кнопке «Обновить» перепроверено после actual enabled state: initial snapshot был вtransition загрузки. Стили кнопки не менялись, финальный тест ждёт завершения загрузки данных, ане исключает contrast rule.
TypeScript/scoped ESLint passed;25 unique E2E34060ms,0unexpected/skips (target warning +shell accessibility/keyboard/layers).4 clean shell screenshots восстановленыпослетеста,8 исходных dirty GRE/VXLAN скриншотов сохранены. Production build/source527 matched, frontend ux-accessibility205 развёрнут, backend ux-lock200/Portal/AUTH_REQUIRED сохранены. Повторный actual tagged audit12/12 безviolations, includinglight numbers/warning. Incomplete checks сохраняются вprotocol, не объявлены passed WCAG критериями. Это default visible admin states, не полный WCAG сертификат, manual keyboard audit всехforms или reader dialogs.
Протоколы: [baseline](ux-ui/acceptance/accessibility205-baseline-2026-10-13.json), [fixture E2E25](ux-ui/acceptance/accessibility205-e2e-2026-10-13.json), [live audit12](ux-ui/acceptance/accessibility205-live-2026-10-13.json), [deployment](ux-ui/acceptance/accessibility205-deployment-2026-10-13.json).
Следующий206: actual live keyboard/focus для общихmenus итиповых Dialog/Sheet, ПК/телефон/роли, безapply/native mutation.200 collector loss реагирует только наobserved errors/end (неfencing);201 whole Telegram accepted, initial197 cause unproven.12.5 остаётся открытой из-за остальныхграниц внешней матрицы.
## 12.5.204 — навигация основных разделов с реальными ролями (2026-10-13)
Actual Portal1.3.1 issued admin/own reader JWT, deployed frontend ux-portal199/backend ux-lock200.13 разделов: dashboard, servers, uptime, traffic, statistics, WireGuard, IPsec, GRE, VXLAN, BGP, OSPF, alerts, backups ×reader/admin×1440/320 =52 scoped live сценария. Перед проверкой каждого маршрута дождались HTTP200 его профильного API (dashboard использует servers read gate), а не только общего header/auth config. Сохранены успешные пути API и non200 ответов нет. Reader server Add disabled/admin enabled; fragment отсутствует, JavaScript errors0, overflow нет, mutation requests0.
+16 -4
View File
@@ -1,10 +1,10 @@
# Оставшаяся внешняя приёмка — 2026-10-13
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
Это актуальная матрица после 12.5.204. Исторические записи сохраняют версии и ограничения на момент выполнения; поздние проверки ниже уточняют их. Этап 12.5 открыт. Успех в двух CHR и одном backend не означает приёмку всех конфигураций, интеграций или полной регрессии.
Это актуальная матрица после 12.5.205. Исторические записи сохраняют версии и ограничения на момент выполнения; поздние проверки ниже уточняют их. Этап 12.5 открыт. Успех в двух CHR и одном backend не означает приёмку всех конфигураций, интеграций или полной регрессии.
Стенд: Debian13/Compose, PostgreSQL18.6, два CHR RouterOS7.24.5. Backend `ux-lock200`, frontend `ux-portal199`; production lab с195 использует AUTH_REQUIRED=true и Portal1.3.1. Подписанные JWT/RBAC проверялись в изолированных процессах. Все собственные объекты112 удалены, исходные13 коллекций×2 (включая logging/certificates/files/routes) проверены; пароли не менялись.
Стенд: Debian13/Compose, PostgreSQL18.6, два CHR RouterOS7.24.5. Backend `ux-lock200`, frontend `ux-accessibility205`; production lab с195 использует AUTH_REQUIRED=true и Portal1.3.1. Подписанные JWT/RBAC проверялись в изолированных процессах. Все собственные объекты112 удалены, исходные13 коллекций×2 (включая logging/certificates/files/routes) проверены; пароли не менялись.
| Раздел | Подтверждено | Осталось / условие завершения |
| --- | --- | --- |
@@ -26,7 +26,7 @@
## Следующая последовательность — 2026-10-13
1. **205 — live accessibility:** automated WCAG-tagged audit основных data sections вlight/dark,ПК/телефон. Scope/report ограничить DOM, не объявлять full WCAG/native regression.
1. **206 — live keyboard/focus:** общиеmenus итиповые Dialog/Sheet,ПК/телефон/роли, безapply/native mutation.205 tagged audit12 принят, не full WCAG certification.
2. **Профильный контроль:** для новых изменений выполнять затронутые SQL/API/UI проверки. Общая регрессия192 выполнена; не повторять её без изменений общей основы или нового основания.
3. **Внешние зависимости:** Portal issuer/login/revoke, Telegram bot/chat/разрешённое сообщение, клиентские ОС, независимые WAN/public IPv6 и scale/multi-instance — отдельные группы по таблице выше. Ограничения текущего стенда не превращать в обещание приёмки всех конфигураций.
@@ -1396,3 +1396,15 @@ Actual Portal1.3.1 issued admin/own reader JWT, deployed frontend ux-portal199/b
Первый диагностический обход проверял любой shared GET200 и был недостаточен для подтверждения data fetch; финальный52 усилен specific endpoint ожиданием. Counts не складываются. API/Portal ответы не mock, JWT storage seed использует реально выданный token. Своя reader fixture удалена204. Tunnel/form actions не выполнялись и новые native объекты не создавались; обычные GET могут опрашивать RouterOS. Это проверка navigation/session/section API/адаптивности после общих auth changes, не полная приёмка каждой формы/native state или throughput.
Протокол: [live navigation52](ux-ui/acceptance/section204-live-navigation-2026-10-13.json). Source/runtime не менялись. Следующий205: scoped automated WCAG-tagged audit data sections(light/dark,ПК/телефон) на реальном приложении; не считать его полным WCAG сертификатом.12.5 открыта.
## 12.5.205 — контраст живых данных и предупреждения целей (2026-10-13)
Actual admin Portal JWT, без API mocks: traffic/alerts/backups ×light/dark×1440/320, axe-core4.11.3 tags WCAG2A/AA,2.1A/AA,2.2AA вmain-content иосновной навигации. Baseline выявил4 failing combinations: light traffic RX/TX2.07–3.76:1 иlight alerts warning4.32:1 при требовании4.5:1. Dark иbackup passed. Baseline сохранён, не переписан successful result.
В app traffic6 numeric spans RX/TX теперь используют semantic text-foreground; стрелки/графики/форматеры сохранены. AlertsTargetIssues переиспользует установленный ReUI Alert вместоlegacy UI Alert, предупреждениеvariant warning/role status исуществующее содержимое сохранены. Vendor/shared theme не менялись. API прочитан через ReUI MCP: [docs](https://reui.io/docs/components/base/alert?ref=mcp), [preview](https://reui.io/components/alert?ref=mcp). Замечание axe ксерой кнопке «Обновить» перепроверено после actual enabled state: initial snapshot был вtransition загрузки. Стили кнопки не менялись, финальный тест ждёт завершения загрузки данных, ане исключает contrast rule.
TypeScript/scoped ESLint passed;25 unique E2E34060ms,0unexpected/skips (target warning +shell accessibility/keyboard/layers).4 clean shell screenshots восстановленыпослетеста,8 исходных dirty GRE/VXLAN скриншотов сохранены. Production build/source527 matched, frontend ux-accessibility205 развёрнут, backend ux-lock200/Portal/AUTH_REQUIRED сохранены. Повторный actual tagged audit12/12 безviolations, includinglight numbers/warning. Incomplete checks сохраняются вprotocol, не объявлены passed WCAG критериями. Это default visible admin states, не полный WCAG сертификат, manual keyboard audit всехforms или reader dialogs.
Протоколы: [baseline](ux-ui/acceptance/accessibility205-baseline-2026-10-13.json), [fixture E2E25](ux-ui/acceptance/accessibility205-e2e-2026-10-13.json), [live audit12](ux-ui/acceptance/accessibility205-live-2026-10-13.json), [deployment](ux-ui/acceptance/accessibility205-deployment-2026-10-13.json).
Следующий206: actual live keyboard/focus для общихmenus итиповых Dialog/Sheet, ПК/телефон/роли, безapply/native mutation.200 collector loss реагирует только наobserved errors/end (неfencing);201 whole Telegram accepted, initial197 cause unproven.12.5 остаётся открытой из-за остальныхграниц внешней матрицы.
+13 -1
View File
@@ -1,6 +1,6 @@
# Этап 12: итоговая приёмка UX/UI
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
План: [ux-ui-plan.md](ux-ui-plan.md). Фактические результаты: [ux-ui-progress.md](ux-ui-progress.md). Подготовлен после сводных проверок 11Б; завершение каждого блока требует локального коммита без push.
@@ -3785,3 +3785,15 @@ Actual Portal1.3.1 issued admin/own reader JWT, deployed frontend ux-portal199/b
Первый диагностический обход проверял любой shared GET200 и был недостаточен для подтверждения data fetch; финальный52 усилен specific endpoint ожиданием. Counts не складываются. API/Portal ответы не mock, JWT storage seed использует реально выданный token. Своя reader fixture удалена204. Tunnel/form actions не выполнялись и новые native объекты не создавались; обычные GET могут опрашивать RouterOS. Это проверка navigation/session/section API/адаптивности после общих auth changes, не полная приёмка каждой формы/native state или throughput.
Протокол: [live navigation52](ux-ui/acceptance/section204-live-navigation-2026-10-13.json). Source/runtime не менялись. Следующий205: scoped automated WCAG-tagged audit data sections(light/dark,ПК/телефон) на реальном приложении; не считать его полным WCAG сертификатом.12.5 открыта.
## 12.5.205 — контраст живых данных и предупреждения целей (2026-10-13)
Actual admin Portal JWT, без API mocks: traffic/alerts/backups ×light/dark×1440/320, axe-core4.11.3 tags WCAG2A/AA,2.1A/AA,2.2AA вmain-content иосновной навигации. Baseline выявил4 failing combinations: light traffic RX/TX2.07–3.76:1 иlight alerts warning4.32:1 при требовании4.5:1. Dark иbackup passed. Baseline сохранён, не переписан successful result.
В app traffic6 numeric spans RX/TX теперь используют semantic text-foreground; стрелки/графики/форматеры сохранены. AlertsTargetIssues переиспользует установленный ReUI Alert вместоlegacy UI Alert, предупреждениеvariant warning/role status исуществующее содержимое сохранены. Vendor/shared theme не менялись. API прочитан через ReUI MCP: [docs](https://reui.io/docs/components/base/alert?ref=mcp), [preview](https://reui.io/components/alert?ref=mcp). Замечание axe ксерой кнопке «Обновить» перепроверено после actual enabled state: initial snapshot был вtransition загрузки. Стили кнопки не менялись, финальный тест ждёт завершения загрузки данных, ане исключает contrast rule.
TypeScript/scoped ESLint passed;25 unique E2E34060ms,0unexpected/skips (target warning +shell accessibility/keyboard/layers).4 clean shell screenshots восстановленыпослетеста,8 исходных dirty GRE/VXLAN скриншотов сохранены. Production build/source527 matched, frontend ux-accessibility205 развёрнут, backend ux-lock200/Portal/AUTH_REQUIRED сохранены. Повторный actual tagged audit12/12 безviolations, includinglight numbers/warning. Incomplete checks сохраняются вprotocol, не объявлены passed WCAG критериями. Это default visible admin states, не полный WCAG сертификат, manual keyboard audit всехforms или reader dialogs.
Протоколы: [baseline](ux-ui/acceptance/accessibility205-baseline-2026-10-13.json), [fixture E2E25](ux-ui/acceptance/accessibility205-e2e-2026-10-13.json), [live audit12](ux-ui/acceptance/accessibility205-live-2026-10-13.json), [deployment](ux-ui/acceptance/accessibility205-deployment-2026-10-13.json).
Следующий206: actual live keyboard/focus для общихmenus итиповых Dialog/Sheet, ПК/телефон/роли, безapply/native mutation.200 collector loss реагирует только наobserved errors/end (неfencing);201 whole Telegram accepted, initial197 cause unproven.12.5 остаётся открытой из-за остальныхграниц внешней матрицы.
+14 -2
View File
@@ -1,6 +1,6 @@
# Тестовый сервер UX/UI — 2026-10-10
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
| Параметр | Проверенное состояние |
| --- | --- |
@@ -708,7 +708,7 @@ flowchart LR
## 12.5.77 — основной блок IPsec (2026-10-09)
Актуальное продолжение 2026-10-13:204 live navigation52 (13 разделов×reader/admin×1440/320), профильный API200, route/header/overflow/errors passed, mutation requests0.203 populated secrets9 passed,201 whole Telegram accepted,200 collector fixed/deployed. Runtime backend ux-lock200/frontend ux-portal199. Следующий205 — live WCAG-tagged audit основных data sections вlight/dark на ПК/телефоне.12.5 открыта.
Актуальное продолжение 2026-10-13:205 исправил light contrast RX/TX и warning целей через установленный ReUI Alert; TypeScript/ESLint/25 E2E и12 actual WCAG-tagged audits passed. Frontend ux-accessibility205/backend ux-lock200.200–204 приняты в записанных границах, Telegram201 подтверждён пользователем. Следующий206 — live keyboard/focus Dialog/Sheet/menus без применения операций.12.5 открыта.
Подробный объём, протоколы, схема и ограничения: [12.5.77 в журнале](ux-ui-progress.md).
@@ -2211,3 +2211,15 @@ Actual Portal1.3.1 issued admin/own reader JWT, deployed frontend ux-portal199/b
Первый диагностический обход проверял любой shared GET200 и был недостаточен для подтверждения data fetch; финальный52 усилен specific endpoint ожиданием. Counts не складываются. API/Portal ответы не mock, JWT storage seed использует реально выданный token. Своя reader fixture удалена204. Tunnel/form actions не выполнялись и новые native объекты не создавались; обычные GET могут опрашивать RouterOS. Это проверка navigation/session/section API/адаптивности после общих auth changes, не полная приёмка каждой формы/native state или throughput.
Протокол: [live navigation52](ux-ui/acceptance/section204-live-navigation-2026-10-13.json). Source/runtime не менялись. Следующий205: scoped automated WCAG-tagged audit data sections(light/dark,ПК/телефон) на реальном приложении; не считать его полным WCAG сертификатом.12.5 открыта.
## 12.5.205 — контраст живых данных и предупреждения целей (2026-10-13)
Actual admin Portal JWT, без API mocks: traffic/alerts/backups ×light/dark×1440/320, axe-core4.11.3 tags WCAG2A/AA,2.1A/AA,2.2AA вmain-content иосновной навигации. Baseline выявил4 failing combinations: light traffic RX/TX2.07–3.76:1 иlight alerts warning4.32:1 при требовании4.5:1. Dark иbackup passed. Baseline сохранён, не переписан successful result.
В app traffic6 numeric spans RX/TX теперь используют semantic text-foreground; стрелки/графики/форматеры сохранены. AlertsTargetIssues переиспользует установленный ReUI Alert вместоlegacy UI Alert, предупреждениеvariant warning/role status исуществующее содержимое сохранены. Vendor/shared theme не менялись. API прочитан через ReUI MCP: [docs](https://reui.io/docs/components/base/alert?ref=mcp), [preview](https://reui.io/components/alert?ref=mcp). Замечание axe ксерой кнопке «Обновить» перепроверено после actual enabled state: initial snapshot был вtransition загрузки. Стили кнопки не менялись, финальный тест ждёт завершения загрузки данных, ане исключает contrast rule.
TypeScript/scoped ESLint passed;25 unique E2E34060ms,0unexpected/skips (target warning +shell accessibility/keyboard/layers).4 clean shell screenshots восстановленыпослетеста,8 исходных dirty GRE/VXLAN скриншотов сохранены. Production build/source527 matched, frontend ux-accessibility205 развёрнут, backend ux-lock200/Portal/AUTH_REQUIRED сохранены. Повторный actual tagged audit12/12 безviolations, includinglight numbers/warning. Incomplete checks сохраняются вprotocol, не объявлены passed WCAG критериями. Это default visible admin states, не полный WCAG сертификат, manual keyboard audit всехforms или reader dialogs.
Протоколы: [baseline](ux-ui/acceptance/accessibility205-baseline-2026-10-13.json), [fixture E2E25](ux-ui/acceptance/accessibility205-e2e-2026-10-13.json), [live audit12](ux-ui/acceptance/accessibility205-live-2026-10-13.json), [deployment](ux-ui/acceptance/accessibility205-deployment-2026-10-13.json).
Следующий206: actual live keyboard/focus для общихmenus итиповых Dialog/Sheet, ПК/телефон/роли, безapply/native mutation.200 collector loss реагирует только наobserved errors/end (неfencing);201 whole Telegram accepted, initial197 cause unproven.12.5 остаётся открытой из-за остальныхграниц внешней матрицы.
@@ -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
}