Bug Report

[x] I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

On our Higher Level Review form, maintained by the Decision Reviews team, we're seeing some stray aria-describedby attributes that point to an ID that doesn't exist. This shows up when you have an optional description for the radio button. It looks like this:

<span class="usa-radio__label-description dd-privacy-hidden" data-dd-action-name="description" aria-describedby="option-label">VA may contact me by mail, telephone, email, or another way to schedule my conference.</span>

Note the extra aria-describedby="option-label" but that option-label doesn't exist.

This also happens in one of the Storybook demos.

What I expected to happen

We wouldn't expect the aria-describedby to show up if something it points to isn't present.

Reproducing

Formation version: N/A
Device: Macbook
Browser: Chrome

Steps to reproduce:

View the Storybook demo.
Note the extra aria-describedby="option-label" but that option-label doesn't exist.

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
[x] This bug is not blocking any work
[ ] Other

Details

Screenshot from the Higher Level Review form:

Screen from Higher Level Review form with aria-describedby="option-label" but that `option-label` doesn't exist.

department-of-veterans-affairs / vets-design-system-documentation