Hello,
Not a a11y expert at all, but I just remarked the following:
Seems that separator in breadcrumb should be implemented by css or alternatively (as there are icons) should be excluded from screen readers since they are decorative therefore should get the attribute aria-hidden=”true” otherwise they would be taken into account by screen readers.
minimum:
- add
aria-hidden="true"on<span class="separator">.
but if possible:
- also on
<svg>:aria-hidden="true" focusable="false" role="presentation".
Please check and review.
Reference:
https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/examples/breadcrumb/
Thank you