Files
progcode/web/public/assets/editorial/2022/accessible-interface-diagnosis-rollback-2022.svg
T
huncode fb4d8598ab
Build and deploy / deploy (push) Successful in 14s
revise April 2022 accessible interface articles
2026-07-31 13:43:17 +03:00

21 lines
3.2 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 550" role="img" aria-labelledby="title desc">
<title id="title">Диагностика ошибки и обратимого сохранения</title>
<desc id="desc">Схема разделяет invalid value, который не меняет сохранённый канал и возвращает маршрут к Email, и valid save, который сохраняет prior value, возвращает к trigger и разрешает один undo.</desc>
<rect width="900" height="550" fill="#f8fafc"/>
<text x="52" y="62" font-family="Arial, sans-serif" font-size="29" font-weight="700" fill="#102a43">Диагностика: ошибка не должна выглядеть как сохранение</text>
<rect x="52" y="125" width="185" height="84" rx="12" fill="#d9eafd" stroke="#1f5f99" stroke-width="3"/>
<text x="144" y="160" font-family="Arial, sans-serif" font-size="20" font-weight="700" text-anchor="middle" fill="#102a43">Выбор канала</text><text x="144" y="188" font-family="Arial, sans-serif" font-size="17" text-anchor="middle" fill="#334e68">draft value</text>
<path d="M237 167H338M237 167V330H338" fill="none" stroke="#486581" stroke-width="4" marker-end="url(#a)"/>
<rect x="350" y="115" width="240" height="106" rx="12" fill="#fce8e6" stroke="#b42318" stroke-width="3"/>
<text x="470" y="153" font-family="Arial, sans-serif" font-size="20" font-weight="700" text-anchor="middle" fill="#8a1c16">Invalid branch</text><text x="470" y="183" font-family="Arial, sans-serif" font-size="17" text-anchor="middle" fill="#8a1c16">commit: нет; focus: Email</text>
<rect x="350" y="300" width="240" height="106" rx="12" fill="#e4f7ed" stroke="#197149" stroke-width="3"/>
<text x="470" y="338" font-family="Arial, sans-serif" font-size="20" font-weight="700" text-anchor="middle" fill="#0f5132">Valid save</text><text x="470" y="368" font-family="Arial, sans-serif" font-size="17" text-anchor="middle" fill="#0f5132">prior value + return trigger</text>
<path d="M590 353H670" stroke="#197149" stroke-width="4" marker-end="url(#g)"/>
<rect x="682" y="300" width="165" height="106" rx="12" fill="#fff4d6" stroke="#a05a00" stroke-width="3"/>
<text x="764" y="338" font-family="Arial, sans-serif" font-size="20" font-weight="700" text-anchor="middle" fill="#7a4100">One undo</text><text x="764" y="368" font-family="Arial, sans-serif" font-size="17" text-anchor="middle" fill="#7a4100">restore prior value</text>
<text x="470" y="255" font-family="Arial, sans-serif" font-size="18" text-anchor="middle" fill="#486581">проверка допустимого значения до commit</text>
<rect x="52" y="472" width="795" height="43" rx="8" fill="#e9eef5"/>
<text x="450" y="500" font-family="Arial, sans-serif" font-size="17" text-anchor="middle" fill="#334e68">Модель не запускает DOM, клавиатуру, браузер или ассистивную технологию.</text>
<defs><marker id="a" markerWidth="11" markerHeight="11" refX="9" refY="4" orient="auto"><path d="M0,0 L10,4 L0,8 Z" fill="#486581"/></marker><marker id="g" markerWidth="11" markerHeight="11" refX="9" refY="4" orient="auto"><path d="M0,0 L10,4 L0,8 Z" fill="#197149"/></marker></defs>
</svg>