Skip to content

🎨 Palette: Enhanced flight card accessibility and haptics#175

Open
TargetMisser wants to merge 1 commit into
mainfrom
palette-flight-card-ux-a11y-15175370675919427945
Open

🎨 Palette: Enhanced flight card accessibility and haptics#175
TargetMisser wants to merge 1 commit into
mainfrom
palette-flight-card-ux-a11y-15175370675919427945

Conversation

@TargetMisser

Copy link
Copy Markdown
Owner

This PR improves the micro-UX of the flight cards in FlightScreen.tsx by adding delightful haptic feedback and making the interface more accessible to screen reader users.

💡 What:

  • Accessibility Labels: Each flight card now has a comprehensive accessibilityLabel that summarizes the flight's status (e.g., "Pinned. Flight AZ123, ITA Airways, to Rome, 10:30, Scheduled").
  • Accessibility Actions: Users can now "Pin" or "Unpin" flights via standard accessibility actions, removing the dependency on swipe gestures for assistive technology users.
  • Haptic Feedback: The swipe-to-pin gesture now triggers a medium impact haptic when the threshold is reached and a success notification haptic when the action is completed.
  • Improved Focus: Used importantForAccessibility="no-hide-descendants" on inner elements to prevent redundant announcements by screen readers.

🎯 Why:

  • The "swipe-to-pin" feature was not discoverable or usable for screen reader users.
  • Haptic feedback provides a small touch of delight and confirmation for a common gesture.
  • Localized labels and hints make the application more inclusive for international users.

Accessibility:

  • Added accessibilityActions for custom interaction.
  • Enhanced accessibilityLabel with flight metadata.
  • Improved focus management by suppressing redundant announcements.
  • Added accessibilityHint for external links.

PR created automatically by Jules for task 15175370675919427945 started by @TargetMisser

- Added descriptive accessibility labels to flight cards for better screen reader support.
- Implemented accessibility actions (pin/unpin) as an alternative to swipe gestures.
- Added haptic feedback to the swipe-to-pin gesture for tactile delight.
- Optimized accessibility by hiding inner interactive elements from screen readers when the parent card provides a full summary.
- Added missing translation keys for accessibility and descriptive labels in both Italian and English.

Co-authored-by: TargetMisser <52361977+TargetMisser@users.noreply.github.com>
@vercel

vercel Bot commented May 7, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
flight-work-app Ready Ready Preview, Comment, Open in v0 May 7, 2026 0:30am

@google-labs-jules

Copy link
Copy Markdown
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