Skip to content

🎨 Palette: Enhance TaskList empty state and accessibility #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
Rumazor wants to merge 1 commit into from
Closed

🎨 Palette: Enhance TaskList empty state and accessibility #8

Rumazor wants to merge 1 commit into from

Conversation

@Rumazor
Copy link
Owner

@Rumazor Rumazor commented Jan 28, 2026

This PR adds a micro-UX improvement to the TaskFlow application by enhancing the task list's empty state and improving accessibility.

💡 What:

  • Replaced the plain text "No se encontraron tareas" message with a decorative empty state component featuring a ClipboardList icon, a bold heading, and descriptive supporting text.
  • Added aria-expanded to the buttons that toggle task descriptions and subtasks.
  • Improved the aria-label for the subtasks toggle to reflect its current state.
  • Fixed common Spanish orthography issues (missing accents).

🎯 Why:

  • A visually rich empty state makes the application feel more polished and welcoming when users first arrive or complete all their tasks.
  • Proper ARIA attributes ensure that screen reader users can understand whether a task detail or subtask list is currently expanded or collapsed.

♿ Accessibility:

  • Implemented aria-expanded and state-aware aria-label for toggleable UI elements.

📸 Screenshot of new empty state:
(Attached in verification step)

PR created automatically by Jules for task 15013876121168330496 started by @Rumazor

@google-labs-jules @Rumazor
🎨 Palette: Enhance TaskList empty state and accessibility
3ce041c 
- Improved the empty state of the TaskList component with a visually rich, centered layout including an icon and better typography.
- Added `aria-expanded` attributes to task description and subtasks toggle buttons.
- Added dynamic `aria-label` to subtasks toggle button for better screen reader feedback.
- Fixed Spanish typos in UI text (descripción, Mañana, más).
- Added .Jules/palette.md with UX/accessibility learnings.

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

google-labs-jules bot commented Jan 28, 2026

👋 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.

@Rumazor Rumazor closed this Feb 8, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@Rumazor