508-enhancement [CONTENT]: Consider adding guidance for screen readers to our dates and times page on design.va.gov

[1Copenut]

Definition of done

1. Review and acknowledge feedback.
2. Fix and/or document decisions made.
3. Accessibility specialist will close ticket after reviewing documented decisions / validating fix.

Point of Contact

VFS Point of Contact: Trevor

Details

As a screen reader user, I would like to hear abbreviations like "Mon" or "Tue" read out as Monday and Tuesday, respectively. I'd like to propose adding a code snippet to the Dates, times, phone numbers, and addresses page about how to add accessible text that's hidden from the visual display. Code snippet below.

Related Issues

• https://github.com/department-of-veterans-affairs/va.gov-team/issues/21731

Acceptance Criteria

• [ ] Content team agrees this is the right place to put this content OR
• [ ] Suggests a new page or space
• [ ] Content is updated and published to design.va.gov

Proposed Solution

<!-- Current best option, until axe-core 4.2 is shipped -->
<span aria-hidden="true">Mon:</span>
<span class="vads-u-visibility--screen-reader">Monday</span>

[shiragoodman]

@RLHecht @bethpottsVADEPO @DanielleThierryUSDSVA doing some backlog cleanup and came across this ticket. I will be removing our team label (since this isn't work we'll perform). I'm not sure if Sitewide Content is the team that manages the Content Style guide, or if it's Design System. CC @peggygannon