🎨 Palette: Auto-scroll and ARIA live regions for chat timeline - #173
🎨 Palette: Auto-scroll and ARIA live regions for chat timeline#173MEKXH wants to merge 1 commit into
Conversation
- Adds a `ref` and a reactive watcher to keep the timeline scrolled to the bottom when new messages arrive. - Adds `role="log"`, `aria-live="polite"`, and `aria-busy` to ensure assistive technologies announce new content and loading states properly. Co-authored-by: MEKXH <59291264+MEKXH@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
💡 What: Added auto-scrolling to the
ChatTimelinecomponent to keep new messages in view, and added ARIA attributes (role="log",aria-live="polite",aria-busy) to make the live chat log accessible.🎯 Why: Users expect chat logs to automatically scroll to the bottom as new messages are added. Without this, users have to manually scroll to read long responses. Furthermore, screen reader users need to be notified when new text is added to the DOM dynamically.
📸 Before/After: Visual behavior improves so that the scrollbar automatically sticks to the bottom.
♿ Accessibility: Added
role="log"andaria-live="polite"so screen readers will announce incoming messages dynamically. Additionally,:aria-busy="isSending"signals when the system is processing a request.PR created automatically by Jules for task 6414203253661235176 started by @MEKXH