fix: localize UI to English and add ARIA accessibility attributes

- Replace all French UI strings with English (Connected, Thinking, Result, Send, etc.)
- Add role="log" + aria-live="polite" to chat message area
- Add role="form" + aria-label to message input area
- Add aria-label to sidebar toggle, attach file, send, and textarea
- Add role="banner" to header, role="navigation" to sidebar
- Add role="application" to app root
This commit is contained in:
Nicolas Varrot
2026-02-11 12:17:54 +00:00
parent 24c7d00c23
commit 3370916931
7 changed files with 20 additions and 15 deletions

View File

@@ -13,7 +13,7 @@ export function Sidebar({ sessions, activeSession, onSwitch, open, onClose }: Pr
return (
<>
{open && <div className="fixed inset-0 bg-black/60 backdrop-blur-sm z-40 lg:hidden" onClick={onClose} />}
<aside className={`fixed lg:relative top-0 left-0 h-full w-72 bg-[#1e1e24]/95 border-r border-white/8 z-50 transform transition-transform lg:translate-x-0 ${open ? 'translate-x-0' : '-translate-x-full'} flex flex-col backdrop-blur-xl`}>
<aside role="navigation" aria-label="Sessions" className={`fixed lg:relative top-0 left-0 h-full w-72 bg-[#1e1e24]/95 border-r border-white/8 z-50 transform transition-transform lg:translate-x-0 ${open ? 'translate-x-0' : '-translate-x-full'} flex flex-col backdrop-blur-xl`}>
<div className="h-14 flex items-center justify-between px-4 border-b border-white/8">
<div className="flex items-center gap-2">
<div className="relative">
@@ -30,7 +30,7 @@ export function Sidebar({ sessions, activeSession, onSwitch, open, onClose }: Pr
</div>
<div className="flex-1 overflow-y-auto py-2 px-2">
{sessions.length === 0 && (
<div className="px-3 py-8 text-center text-zinc-500 text-sm">Aucune session</div>
<div className="px-3 py-8 text-center text-zinc-500 text-sm">No sessions</div>
)}
{sessions.map(s => {
const isActive = s.key === activeSession;