Summary
Improve accessibility by adding aria-label and aria-describedby attributes to interactive elements in the web UI.
What to do
Audit server/static/ for buttons, inputs, and controls that lack accessibility attributes. Priority areas:
- Theme selector cards
- Chat input and send button
- Voice chat controls (mic, stop)
- Settings page toggles and sliders
- Navigation links and sidebar items
- Modal close buttons
How to verify
- Use browser DevTools Accessibility panel to check for missing labels
- Run Lighthouse accessibility audit
- Test with a screen reader if possible
Notes
- Use descriptive labels (e.g.
aria-label="Send message" not aria-label="Button")
- Localized strings can use the i18n system if applicable, but English-only is fine as a first pass
Summary
Improve accessibility by adding
aria-labelandaria-describedbyattributes to interactive elements in the web UI.What to do
Audit
server/static/for buttons, inputs, and controls that lack accessibility attributes. Priority areas:How to verify
Notes
aria-label="Send message"notaria-label="Button")