summarum/.jules/palette.md
google-labs-jules[bot] 8e4c084ba0 feat: add ARIA labels to icon-only buttons and key inputs for accessibility
Co-authored-by: Horizontal42 <75383519+Horizontal42@users.noreply.github.com>
2026-07-08 09:08:41 +00:00

3 lines
635 B
Markdown

## 2024-05-18 - Missing ARIA labels on dynamic icon buttons and inputs
**Learning:** Icon-only buttons (like ☰, +, ⚙) and inputs missing explicit labels (`#doc-title`, `#search-input`) were lacking ARIA labels across the application, significantly hurting screen reader accessibility. This includes dynamically generated elements like document tab pin icons.
**Action:** Always verify that every icon-only interactive element and text input field without an explicit `<label>` has an `aria-label` attribute. Also, remember to dynamically update the `aria-label` when placeholders are dynamically loaded in code like `src/main.ts`.