Breadcrumbs not marked up in a labeled nav tag
-
Hello,
Your plugin looks awesome, however it causes accessibility problems for screen reader users because the breadcrumbs are not wrapped in a nav tag.
This is how it should look:
<div class="fbc fbc-page"> <nav aria-label="breadcrumbs"> <!-- Breadcrumb wrapper --> <div class="fbc-wrap"> <!-- Ordered list--> <ol class="fbc-items" itemscope="" itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"> <span itemprop="name"> <!-- Home Link --> <a itemprop="item" > <i class="fa fa-home" aria-hidden="true"></i>Home </a> </span> <meta itemprop="position" content="1"><!-- Meta Position--> </li><li><span class="fbc-separator">/</span></li><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"><a itemprop="item" page-parent="2" title="Sample Page"><span itemprop="name">Sample Page</span></a><meta itemprop="position" content="2"></li><li><span class="fbc-separator">/</span></li><li class="active post-page" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"><span itemprop="name" title="Child Page">Child Page</span><meta itemprop="position" content="3"></li> </ol> <div class="clearfix"></div> </div> </nav> </div>
It would be awesome if you could fix this. Thanks!
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘Breadcrumbs not marked up in a labeled nav tag’ is closed to new replies.