TearsheetSmall accessibility issue

[Khoi-Dinh]

Issue: Content is not within a landmark element

Specifics: Violation appears when TearsheetSmall is open, providing the violation issue above 3 times: secondaryButton, heading, and closeButton

1. <h1 class="security--tearsheet--small__title"><div role="contentinfo" aria-label="Name the policy">Name the policy</div></h1>
2. <button tabindex="0" class="security--tearsheet--small__footer__button security--tearsheet--small__footer__button--secondary bx--btn bx--btn--xl bx--btn--secondary" type="button">Cancel</button>

3. <button class="security--button--icon security--tearsheet--small__button--close security--button--icon--lg" aria-label="Close" type="button"><svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="[http://www.w3.org/2000/svg"](http://www.w3.org/2000/svg%22) fill="currentColor" aria-hidden="true" style="will-change: transform;" width="20" height="20" viewBox="0 0 32 32" class="security--icon"><path d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"></path></svg></button>

Expected behavior

Actual behavior

Steps for reproducing

Affected browsers

What's my browser? and browserl.ist supported browsers

• /
• /
• /

Optional information

Version -

[stale]

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.