23 lines
2.9 KiB
XML
23 lines
2.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 530" role="img" aria-labelledby="title desc">
|
|
<title id="title">Учебная последовательность фокуса панели уведомлений</title>
|
|
<desc id="desc">Кнопка открытия ведёт к Email. Неверный выбор возвращается к Email. Успешное сохранение возвращается к кнопке открытия. Внизу отмечено, что это модельный маршрут, а не наблюдение браузера.</desc>
|
|
<rect width="900" height="530" fill="#f8fafc"/>
|
|
<text x="54" y="62" font-family="Arial, sans-serif" font-size="29" font-weight="700" fill="#102a43">Маршрут фокуса: одна панель, две ветки</text>
|
|
<text x="54" y="94" font-family="Arial, sans-serif" font-size="18" fill="#486581">Проектные labels учебной модели</text>
|
|
<g font-family="Arial, sans-serif" font-size="20" font-weight="700" text-anchor="middle">
|
|
<rect x="52" y="170" width="188" height="82" rx="12" fill="#d9eafd" stroke="#1f5f99" stroke-width="3"/>
|
|
<text x="146" y="203" fill="#102a43">Trigger</text><text x="146" y="230" fill="#102a43">«Настроить»</text>
|
|
<rect x="352" y="170" width="188" height="82" rx="12" fill="#e4f7ed" stroke="#197149" stroke-width="3"/>
|
|
<text x="446" y="203" fill="#0f5132">Email</text><text x="446" y="230" fill="#0f5132">точка входа</text>
|
|
<rect x="652" y="170" width="188" height="82" rx="12" fill="#fff4d6" stroke="#a05a00" stroke-width="3"/>
|
|
<text x="746" y="203" fill="#7a4100">Apply</text><text x="746" y="230" fill="#7a4100">«Сохранить»</text>
|
|
</g>
|
|
<g fill="none" stroke="#1f5f99" stroke-width="4" marker-end="url(#arrow)"><path d="M240 211H336"/><path d="M540 211H636"/><path d="M746 252V340H146V266"/></g>
|
|
<g fill="none" stroke="#b42318" stroke-width="4" stroke-dasharray="10 8" marker-end="url(#redArrow)"><path d="M446 266V340H352V266"/></g>
|
|
<text x="446" y="304" font-family="Arial, sans-serif" font-size="18" text-anchor="middle" fill="#a61b16">invalid → Email</text>
|
|
<text x="446" y="388" font-family="Arial, sans-serif" font-size="18" text-anchor="middle" fill="#1f5f99">save → return to trigger</text>
|
|
<rect x="52" y="436" width="788" height="54" rx="9" fill="#e9eef5"/>
|
|
<text x="446" y="469" font-family="Arial, sans-serif" font-size="18" text-anchor="middle" fill="#334e68">Модель: DOM не создан, Tab не отправлен, browser focus не наблюдался.</text>
|
|
<defs><marker id="arrow" markerWidth="11" markerHeight="11" refX="9" refY="4" orient="auto"><path d="M0,0 L10,4 L0,8 Z" fill="#1f5f99"/></marker><marker id="redArrow" markerWidth="11" markerHeight="11" refX="9" refY="4" orient="auto"><path d="M0,0 L10,4 L0,8 Z" fill="#b42318"/></marker></defs>
|
|
</svg>
|