Skip to content
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.

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

Bug/9461 - iOS - Some assistive tech can't get 'into'/'onto' screens where the only actionable items are initially offscreen #10394

Open
wants to merge 3 commits into
base: develop
Choose a base branch
from

Conversation

matt-guest-wilcore
Copy link
Contributor

@matt-guest-wilcore matt-guest-wilcore commented Dec 19, 2024

Description of Change

Ticket

On iOS, Full Keyboard Access requires at least one visible, focusable element to reach off-screen content, unlike Android. Previously, some screens offered no immediate focusable elements, preventing keyboard navigation on iOS.

All affected screens share the same layout component, so I adjusted the accessibility properties in that component (FeatureLandingTemplate). I also tested with LargeFontSize enabled to account for the edge case mentioned in the ticket.

Here's a list of affected screens I found:

  • Health Tab > Messages > Inbox > Select a Message (Some messages have the issue)
  • Health Tab > Messages > Folders > Sent > Select a Message (Some messages have the issue)
  • Benefits > VA letters and documents > Review Letters > Items 1, 2, 4 & 6 are affected

Screenshots/Video

Here's a video showing how Full Keyboard Access navigation looks with the new changes.

PR.video.for.9461.mp4

Testing

  • Tested on iOS
  • Tested on Android

Reviewer Validations

Should be able to navigate to actionable content with keyboard navigation only, no matter if it's initially onscreen or not

PR Checklist

Reviewer: Confirm the items below as you review

  • PR is connected to issue(s)
  • Tests are included to cover this change (when possible)
  • No magic strings (All string unions follow the Union -> Constant type pattern)
  • No secrets or API keys are checked in
  • All imports are absolute (no relative imports)
  • New functions and Redux work have proper TSDoc annotations

For QA

Run a build for this branch

Matthew Guest - Work added 3 commits December 18, 2024 14:23
…ate component which will allow keyboard access users to navigate further down a page. Previously screens that used this component didnt allow users to scroll down with keyboard access because the initial view didnt have an accessible element to navigate to, this fixes that.
…isplay null which would break the keyboard access logic. To combat this while still preserving the intent of the original code I opted to make a TextView with a zero-width space character so the TextView is still treated like an actionable item and still allows navigation of the page with keyboard access. Also, fixed formatting. Making this change allows keyboard navigation to work regardless if user has screenreader enabled or not.
Copy link
Contributor

@DonMcCaugheyUSDS DonMcCaugheyUSDS left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Seems reasonable.

@github-actions github-actions bot added the FE-With QA A PR waiting for QA Activity label Dec 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FE-With QA A PR waiting for QA Activity
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants