Merge pull request #16 from nikolailehbrink/main

Enhance breadcrumb accessibility and structure

Author: amarinediary

WordPress-simple-URL-based-breadcrumb.php

@@ -323,6 +323,8 @@ function the_bread( $ingredients = array() ) {
 
         if ( ! empty( $crumbs ) ) {
 
+            echo '<nav aria-label="Breadcrumb">';
+
             echo '<ol class="🍞 bread" itemscope itemtype="https://schema.org/BreadcrumbList">';
 
             $i = 0;
@@ -349,21 +351,31 @@ function the_bread( $ingredients = array() ) {
                 };
 
                 echo '<li class="crumb" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
-                    <a itemprop="item" href="' . $crumb['url'] . '">
+                    <a itemprop="item" href="' . $crumb['url'] . '"';
+
+                if ( $i === sizeof( $crumbs ) ) {
+                    echo ' aria-current="page"';
+                }
+
+                echo '>
                         <span itemprop="name">' . $title . '</span>
                     </a>
-                    <meta itemprop="position" content="' . $i . '">
-                </li>';
+                    <meta itemprop="position" content="' . $i . '">';
 
                 if ( $i !== sizeof( $crumbs ) && ! empty( $ingredients['separator'] ) ) {
 
                     echo $ingredients['separator'];
 
                 };
-    
+
+                echo '</li>';
+
+
             };
-    
+
             echo '</ol>';
+            
+            echo '</nav>';
 
         };