Accessibility - VerticalMenuItem - Headings contained within button/a elements

[cris0sirc]

Description

VerticalMenuItem HTML Elements ( in 158.13, in latest version) contains the title string in a heading (h3).

Headings within the navigation are contained as child items of an element. This is invalid HTML and should be avoided. Headings are not needed within the navigation structure and should be removed.

This affects: users of assistive technology

Found on: VerticalMenu > VerticalMenuItem

Reproduction

https://carbon.sage.com/v/158.13.0/index.html?path=/docs/vertical-menu--docs

Steps to reproduce

Inspect element (menuItem, button)

JIRA ticket numbers (Sage only)

SBS-111759

Suggested solution

Replace the h3 with an styled span

Carbon version

158.13

React version

v17

Design tokens version

No response

Relevant browsers

Chrome

Relevant OSs

MacOS

Assistive technologies

No response

Additional context

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.