Skip to content

🎨 Palette: Enhance FlightScreen accessibility and feedback#101

Open
TargetMisser wants to merge 1 commit intomainfrom
palette-ux-a11y-flights-17138805216643913655
Open

🎨 Palette: Enhance FlightScreen accessibility and feedback#101
TargetMisser wants to merge 1 commit intomainfrom
palette-ux-a11y-flights-17138805216643913655

Conversation

@TargetMisser
Copy link
Copy Markdown
Owner

💡 What: The UX enhancement added

Enhanced the FlightScreen with haptic feedback and robust accessibility features.

🎯 Why: The user problem it solves

  1. Tactile Feedback: Swiping to pin a flight now feels more physical and responsive thanks to haptic triggers when crossing the selection threshold.
  2. Screen Reader Support: Flight cards were previously difficult to parse for screen readers. They now have detailed labels and custom accessibility actions for pinning/unpinning, making the core gesture-based feature accessible to everyone.
  3. Localization: Fixed hardcoded Italian labels in accessibility properties, ensuring a consistent experience for English-speaking users.

♿ Accessibility: Any a11y improvements made

  • Added accessible, accessibilityLabel, accessibilityActions, and onAccessibilityAction to flight cards.
  • Screen reader users can now pin/unpin flights using the system's "Actions" menu instead of relying on complex swipe gestures.
  • Standardized localized strings for accessibility hints and button labels.

✅ Verification

  • Ran pnpm typecheck to ensure no regressions.
  • Verified removal of accidental junk files (pnpm-lock.yaml, expo_web.log).
  • Confirmed expo-haptics dependency is present in package.json.

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

This update improves the FlightScreen by adding tactile feedback and
comprehensive accessibility support to the flight cards:

- Integrated `expo-haptics` for threshold crossing and success feedback
  during flight pinning gestures.
- Added detailed `accessibilityLabel` to flight cards, providing
  Flight Number, Airline, Origin/Destination, Time, and Status.
- Implemented `accessibilityActions` ('togglePin') and
  `onAccessibilityAction` for pinning/unpinning flights without gestures.
- Replaced hardcoded Italian strings in the notification toggle with
  localized translation keys.
- Added `flightAccessibilityPinHint` and `flightAccessibilityUnpinHint`
  to the translation system.
- Refactored `SwipeableFlightCard` to support prop spreading for a11y.

Co-authored-by: TargetMisser <52361977+TargetMisser@users.noreply.github.com>
@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.

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 17, 2026

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 Apr 17, 2026 0:28am

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