Issue Summary

On the "Create page" page, the custom breadcrumb region is not programmatically defined.

Steps to Reproduce

1. Navigate onto the above mentioned page.
2. Observe the navigation trails.
3. Inspect the code.
4. Observe that the Breadcrumb is not programmatically defined.

Screen Recording

Screen Recording 2023-08-17 at 4.25.12 PM.mov

Actual Results

There are custom breadcrumbs on the page that shows the navigation trails. However, this is not programmatically declared with role and name. As a result users of a screen reader will not be able to understand the page's content structure.

Expected Results

Breadcrumb should be declared as a navigation region with an accessible name. The container of the breadcrumb should be a <nav> element and named as "Breadcrumb" using an "aria-label" attribute. As well, identify the currently relevant page in the breadcrumb navigation with aria-current="page".

Code Snippet

<nav aria-label="Breadcrumb"> <ul> <li><a href="...">Home space</a></li> <li><a href="...">Pages</a></li> <li><a href="..." aria-current="page">Home space</a></li> </ul> </nav>

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOS Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest