🎨 Palette: Add accessible clear buttons and semantic time elements#114
🎨 Palette: Add accessible clear buttons and semantic time elements#114schmug wants to merge 1 commit into
Conversation
* Added a clear button (Lucide's `X` icon) to search/filter inputs in `Launcher`, `BlogApp`, and `ProjectsApp`. * Ensured focus correctly returns to the input field after clearing the query. * Fixed accessibility in the `Taskbar` by replacing the `span` clock using `aria-live="polite"` with a semantic `<time>` element and `dateTime` attribute. * Documented UX/a11y learnings in `.Jules/palette.md`. Co-authored-by: schmug <38227427+schmug@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. |
…#127) Consolidates three superseded automated PRs into one reviewed change, resolving their overlapping edits to BlogApp.tsx by hand: - BlogApp: module-level fetch cache + 10s AbortSignal timeout (supersedes #115) - Fetch timeouts on useProjects.ts and github.ts (supersedes #122; its redundant BlogApp hunk dropped — covered by the #115 cache path) - Accessible "clear" buttons on Launcher / Projects / Blog filter inputs + semantic <time> on the desktop Taskbar clock (supersedes #114) Behavior change accepted: the 10s timeout on the build-time github.ts fetch makes a transiently slow api.github.com fail the build fast instead of hanging. Supersedes and closes 24 duplicate scheduled-agent PRs across the Bolt / Sentinel / Palette clusters. Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
Folded into #127 (merged to main). Clear buttons + semantic integrated there alongside the other two cluster winners. Thanks! |
Acknowledged. Stopping work as these changes have been integrated. |
1 participant
This PR implements a set of UX and accessibility improvements as requested by "Palette":
Xicon) was added to the search/filter inputs across theLauncher,BlogApp, andProjectsApp. Clicking this button clears the text and cleanly refocuses the input field, allowing for a seamless typing experience.src/components/os/Taskbar.tsx, thespanclock element that was usingaria-live="polite"was replaced with a semantic HTML<time>element utilizing thedateTimeattribute. This stops screen readers from constantly interrupting the user when the time updates every minute..Jules/palette.mdto record the learnings regarding semantic time components and the importance of clear buttons with focus management on text inputs.PR created automatically by Jules for task 13356405438421685487 started by @schmug