va-date has inaccurate aria-labels that are confusing to screen reader users

[coforma-jamie]

Bug Report

• I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

For <va-date>:

• The Month <select> has an aria-label - "Please enter two digits for the month"
• The Day <select> has an aria-label - "Please enter two digits for the day"
  

These aria-labels are inaccurate - a user needs to select the month or day via dropdown, either by using their mouse to scroll, keyboard to scroll, or type in the first character of the option they want to select.

Using JAWS, a screen reader user hears the name of the field, then the aria-label. They are told incorrect instructions.

What I expected to happen

A screen reader user expects to hear the name of the field ("Month") and the type of field it is, which happens automatically by using a semantic <select>. You likely don't need an aria-label here at all.

Reproducing

• Device: Windows 10 laptop
• Browser: Edge
• Assistive tech: JAWS

Steps to reproduce:

1. Go to date input in VADS
2. Turn on a screen reader
3. Tab to the Month and Date fields in any of the live code examples

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

• This bug is blocking work currently in progress
• This bug is affecting work currently in progress but we have a workaround
• This bug is blocking work planned within the next few sprints
• This bug is not blocking any work
• Other

Details

This isn't blocking anyone's work, but is an issue for screen reader users.

[caw310]

Provide your estimate of 1, 2, 3, 5, 8 or 13
@Andrew565 - 2
@ataker -
@harshil1793 -
@it-harrison -
@jamigibbs -
@micahchiang -
@powellkerry -
@rmessina1010 -
@rsmithadhoc -