a11y: Div element has aria-labelledby attribute that will not be used (low impact)

[blackfalcon]

What browser client(s) are you seeing the issue on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

What devices platform(s) are you seeing the issue on?

• Desktop
• Mobile

Steps to reproduce

See code

auro-accordion/src/auro-accordion.js

Lines 217 to 221 in c2d5040

	<div class="content" id="accordionContent" aria-labelledby="accordionTrigger" inert="${!this.expanded || nothing}" part="content">
	<div class="contentWrapper" part="contentWrapper">
	<slot></slot>
	</div>
	</div>

Description

One or more div elements, without an ARIA-assigned role, not intentionally hidden in the DOM and available to assistive technologies, has an aria-labelledby attribute.

Why it matters

When an authored supplied accessible name is applied to the div element this name will not be seen by screen readers used by people who are blind or visually impaired.

Recommendation

Remove aria-labelledby="accordionTrigger". It adds no value to the hydrated content space and will be ignored by screen readers.

Expected behavior

No adverse behavior to report.

Which version of auro-templates do you have installed?

@latest

Reproducible on the Auro doc site

• I am able to reproduce this issue on the Auro doc site.

Exit criteria (To be determined by the Auro team)

No response