Skip to content

🎨 Palette: Accessibility and Interaction improvements for QuickScan and Search#21

Open
Woschj wants to merge 1 commit intomainfrom
palette/ux-accessibility-improvements-7324296508960947606
Open

🎨 Palette: Accessibility and Interaction improvements for QuickScan and Search#21
Woschj wants to merge 1 commit intomainfrom
palette/ux-accessibility-improvements-7324296508960947606

Conversation

@Woschj
Copy link
Owner

@Woschj Woschj commented Feb 18, 2026

This PR introduces a series of micro-UX and accessibility improvements focused on the QuickScan workflow and global navigation.

💡 What:

  • QuickScan Accessibility: The "item" and "worker" cards now function correctly for keyboard users (role="button", tabindex="0", Enter/Space support). Focus indicators were added for better visibility.
  • Async Feedback: The QuickScan confirmation button now shows a loading spinner and "Verarbeitung..." text while processing, preventing multiple submissions and providing clear feedback.
  • Global A11y: Added missing aria-label attributes to the department dropdown, search inputs, and search buttons across the application.
  • Semantic HTML: Icon-only buttons (like the close button in modals) now correctly hide their purely decorative or symbolic icons from screen readers using aria-hidden.

🎯 Why:

  • These changes ensure the application is accessible to users relying on screen readers or keyboard navigation.
  • Providing visual feedback for asynchronous operations makes the interface feel more responsive and reliable.

♿ Accessibility:

  • Verified aria-label, role, and tabindex properties using Playwright.
  • Ensured focus management and keyboard interaction support.

PR created automatically by Jules for task 7324296508960947606 started by @Woschj

…nd Search

- Added ARIA labels to search inputs, search buttons, and department dropdown.
- Improved QuickScan modal keyboard accessibility (role="button", tabindex="0", Enter/Space support).
- Added focus-visible indicators to QuickScan trigger and cards.
- Implemented loading state with spinner for QuickScan confirmation button.
- Wrapped icon-only buttons with aria-hidden icons for screen readers.

Co-authored-by: Woschj <81321922+Woschj@users.noreply.github.com>
@google-labs-jules
Copy link
Contributor

👋 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 @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant