[TTY]: VAMC - Locations should have TTY: 711 links for deaf/hard-of-hearing users

[1Copenut]

User Story or Problem Statement

As a user who might want to make a Text Telephone (TTY) call, I would like to have that link available on the VAMC Location pages. If I don't have TTY set up on my smart phone, I would have to exit the VAMC location page to call 7-1-1.

Details

I've been working with Meli on the VA Mobile team to standardize TTY language and affordances. While doing some research into another application, I took a look at our VAMC pages. There's an opportunity to improve our views by adding TTY links, using our Telephone component for deaf/hard-of-hearing users. Screenshots attached below.

Addition from Michelle: We should also ensure that TTY numbers which are displayed inside service accordions or on other VAMC pages are treated accordingly (this might require a separate issue)

Acceptance Criteria

• [ ] TTY links are added to /locations page using the <va-telephone> component
• [ ] TTY links are added to location detail views using the <va-telephone> component
• [ ] TTY text is included in the linked text as indicated in DS guidelines
• [ ] Accessibility Lead Review

Environment

• https://va.gov/pittsburgh-health-care/locations/
• https://va.gov/pittsburgh-health-care/locations/pittsburgh-va-medical-center-university-drive/

Proposed Solution (if known)

<div>
  // Previous content
  TTY: <Telephone contact="711" />
</div>

WCAG or Vendor Guidance (optional)

• Making actions keyboard accessible by using keyboard event handlers

Screenshots or Trace Logs

---

[joshkimux]

@laflannery for awareness

[laflannery]

I also noticed that the existing phone numbers are not using the <va-telephone> component. Can we include that in this issue or should I make a separate task to update those?