The template templates/navigation/breadcrumb.html.twig is missing the system-breadcrumb element referenced in the wrapping nav tag with the aria-labelledby value:
<nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb">
This is a minor accessibility issue, and is flagged up by many of the a11y tools.
The aria-labelledby property enables authors to reference other elements on the page to define an accessible name. This is useful when using elements that don't have native support for associating elements to provide an accessible name.
Themers and developers can either override the template in their sub-theme, or the following line can be added within the nav tag.
<h2 id="system-breadcrumb" class="breadcrumb__heading visually-hidden">{{ 'Breadcrumb'|t }}</h2>
Active
11.0
Code
Reproduced this issue in Drupal 10.4.1 and successfully merged the code in Merge Request #2. The patch is working as expected.
Attached are screenshots showing the issue before and after applying the patch.
Thanks!
Hello @robcarr, tested the fix made by you for the issue and its working fine for me as well. great work keep contributing.