[SCREENREADER]: VAOS Scheduler - Consider updating the heading text for new Community Care appointments

[1Copenut]

Description

Screen readers are reading out the "1/2" on Community Care appointments as "one slash two". I'm proposing an improvement where we could keep that visual representation and offer screen readers a more clear understanding. Code snippet below.

Point of Contact

VFS Point of Contact: Trevor

Acceptance Criteria

• As a screen reader user, I should hear "one of two" instead of "one slash two" read aloud
• As a user, I should not see any visual change

Environment

• /vaos/new-appointment/community-care-provider

Possible Fixes (optional)

<h1 class="vads-u-font-size--h2" tabindex="-1">
  Share your community care provider preferences
  <span aria-hidden="true">(1/2)</span>
  <span class="vads-u-visibility--screen-reader">one of two</span>
</h1>

WCAG or Vendor Guidance (optional)

[jbalboni]

This text is removed with some CC preferences design changes, will close when that work is merged.