Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-18 17:30:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🔼 a11y: Proper attributes for the side panel toggle button (#4559)

Browse source 
- added aria-expanded attribute to indicate the panel's expanded/collapsed state
- added aria-controls attribute to specify the element controlled by the button
- updated aria-label using the localize function for better description
This commit is contained in:
J'aimemin 2024-10-29 00:03:38 +09:00 • committed by GitHub
parent b939e24f67
commit 262176fec4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
client/src/components/Nav/NavToggle.tsx
View file

@ -34,7 +34,9 @@ export default function NavToggle({
> >
<TooltipAnchor <TooltipAnchor
side={side === 'right' ? 'left' : 'right'} side={side === 'right' ? 'left' : 'right'}
aria-label={`toggle-${side === 'left' ? 'chat-history' : 'controls'}-nav`} aria-label={side === 'left' ? localize('com_ui_chat_history') : localize('com_ui_controls')}
aria-expanded={navVisible}
aria-controls={side === 'left' ? 'chat-history-nav' : 'controls-nav'}
id={`toggle-${side}-nav`} id={`toggle-${side}-nav`}
onClick={onToggle} onClick={onToggle}
role="button" role="button"