1. Feedback
  2. Blazor
  3. 45845

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Breadcrumb accessibility - OverflowMode Wrap option uses nested <div> as direct children of the <ol>

Hello,

When testing your demo located here: 

https://blazor.syncfusion.com/demos/breadcrumb/overflow-modes?theme=fluent

I noticed that the Breadcrumb using the OverflowMode Wrap configuration uses <div> elements as direct children of the <ol> list element.

Under the HTML5 specification content model, ordered lists <ol> can only contain "Zero or more li elements" as direct child elements. Therefore, this could be considered a WCAG 4.1.1 issue.

So only <li> can be first level children of <ol>, but other elements like <div> can be used inside of an <li> element.

I like the overflow mode wrap feature, so is there a way this can be improved somehow? Thank you.

Let me know if you need more information.

Ken Watson