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

[DESIGN] Assess the placement and label for 'Use my location' #27448

Closed
2 tasks
mmiddaugh opened this issue Jul 15, 2021 · 2 comments
Closed
2 tasks

[DESIGN] Assess the placement and label for 'Use my location' #27448

mmiddaugh opened this issue Jul 15, 2021 · 2 comments
Assignees
Labels
508-issue-screenreader accessibility design Facilities-v1 Facilities team (was: vsa-facilities) frontend frontend-facility-locator Q321-priority VSA Facilities team priority for Q32021 vsa Work associated with the Veteran-facing Services Applications contract

Comments

@mmiddaugh
Copy link
Contributor

mmiddaugh commented Jul 15, 2021

User story

As a Veteran who uses assistive technology, I use my search engine either by dictating or typing in my search parameter to look for a place that I need to visit physically.

Current experience: During research sessions, some users had trouble with location input. Users may have expectations about the location of the label relative to the field. The ‘Use my location’ input may interrupt the expected flow for users

Reference: Facility Locator short-term recommendations #4


Tasks

  • Assess the location input to ensure the label and edit box combination make sense on a screen reader.

Acceptance Criteria

  • The ‘Use my location’ input does not disrupt the expected user flow
@mmiddaugh mmiddaugh added vsa Work associated with the Veteran-facing Services Applications contract Facilities-v1 Facilities team (was: vsa-facilities) 508-issue-screenreader accessibility design frontend frontend-facility-locator Q321-priority VSA Facilities team priority for Q32021 labels Jul 15, 2021
@mmiddaugh mmiddaugh changed the title Assess the placement and label for 'Use my location' [DESIGN] Assess the placement and label for 'Use my location' Jul 23, 2021
@mmiddaugh mmiddaugh added the needs-grooming Use this to designate any issues that need grooming from the team label Aug 23, 2021
@mmiddaugh mmiddaugh added this to the Facilities team, Sprint 57 milestone Oct 4, 2021
@mmiddaugh mmiddaugh removed the needs-grooming Use this to designate any issues that need grooming from the team label Oct 4, 2021
@nicko-amida
Copy link
Contributor

nicko-amida commented Oct 6, 2021

@mmiddaugh Accessibility feedback:

  • Current tab order for "Use my location" button is good; this should appear ahead of input field
  • The "Use my location" button screen reader text should be associated with the input field, and be given more context
    • Consider using <fieldset> and <legend> (Josh referenced this conversation with @mpelzsherman) to group relevant elements for the screen reader.
    • When grouped with label, screen reader should read "Use my location - city, state, or postal code"

@mmiddaugh
Copy link
Contributor Author

FE implementation #31259

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
508-issue-screenreader accessibility design Facilities-v1 Facilities team (was: vsa-facilities) frontend frontend-facility-locator Q321-priority VSA Facilities team priority for Q32021 vsa Work associated with the Veteran-facing Services Applications contract
Projects
None yet
Development

No branches or pull requests

2 participants