508-defect-3 [SCREENREADER]: Fine-tuning insert location component of facility locater

[AngelaFowler82]

Label: 21053

- [508-defect-3]

https://github.com/department-of-veterans-affairs/va.gov-team/blob/master/platform/accessibility/guidance/defect-severity-rubric.md#508-defect-3

Issue Title: Defect 3, screen readers, fine-tuning insert location component of facility locater
Point of Contact: Angela Fowler
VFS Point of Contact: _First name only: Angela

User Story or Problem Statement:

As an accessibility specialist who is also a screen reader user, I strive for the most seamless experience possible.

Details

To optimize this component for screen reader users, the following adjustments should be made:

• The find my location component renders as a link. Since it does something rather than going somewhere, it should be a button.
• When I clear my location I am presented with an error message, though I haven't had a chance to enter alternative content.
• The use my location component is presented above the location edit box. Though this may be a matter of preference, I believe it is easier for screen reader users if it is presented below since we often begin navigating a search component by jumping to the first form field.

Acceptance Criteria

Environment

Steps to Recreate

Proposed Solution (if known)

WCAG or Vendor Guidance (optional)

Screenshots or Trace Logs

[joshkimux]

@mmiddaugh tagging you for awareness!

[mmiddaugh]

Related:

• Changes to improve "Use my location" screen reader experience
• [DESIGN] Assess the placement and label for 'Use my location'

[mmiddaugh]

will be addressed in Changes to improve "Use my location" screen reader experience