fix(insights): a11y + UX Pro Max audit — accessible list view, reduced-motion, focus, lazy-load
Accessibility (CRITIQUE per UI/UX Pro Max skill): - NetworkGraph Accessibility Grade D → added accessible List view alternative (toggle Graph/List with cluster→notes table, keyboard navigable) - aria-label text summary on graph container for screen readers - role=button + tabIndex + onKeyDown on bridge note cards (keyboard accessible) - focus-visible:ring on all interactive cards (isolated clusters, bridges, list items) UX (HIGH): - prefers-reduced-motion: whileHover disabled when user prefers reduced motion - cursor-pointer verified + focus-visible:ring-ochre on all clickable cards - Mobile sidebar: hamburger Menu button in header (dispatches open-mobile-sidebar) Performance (MEDIUM): - NetworkGraph lazy-loaded via next/dynamic (D3 ~200KB deferred, ssr:false) - Loading spinner shown while D3 chunk loads i18n: - listView, graphAriaLabel, listAriaLabel added to 15 locales
This commit is contained in:
@@ -3002,6 +3002,9 @@
|
||||
"scheduledCron": "Запланировано",
|
||||
"lastSync": "Последняя sync"
|
||||
},
|
||||
"resetFocus": "Сбросить фокус"
|
||||
"resetFocus": "Сбросить фокус",
|
||||
"listView": "List",
|
||||
"graphAriaLabel": "Semantic network: {clusters} clusters, {notes} notes, {bridges} bridge notes. Switch to List view for accessible navigation.",
|
||||
"listAriaLabel": "Accessible cluster list with notes and bridge connections"
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user