diff --git a/docs/src/navs.html b/docs/src/navs.html
index 841b5f2b..5152d34a 100644
--- a/docs/src/navs.html
+++ b/docs/src/navs.html
@@ -117,10 +117,10 @@
           </footer>
         </article>
 
-        <p>With <code><b>aria-label="Breadcrumb"</b></code>, you can turn a nav into a breadcrumb, specifying the current page with: <code><b>aria-current="page"</b></code>.</p>
+        <p>With <code><b>aria-label="breadcrumb"</b></code>, you can turn a nav into a breadcrumb, specifying the current page with: <code><b>aria-current="page"</b></code>.</p>
 
-        <article aria-label="Breadcrumb nav example">
-          <nav aria-label="Breadcrumb">
+        <article aria-label="breadcrumb nav example">
+          <nav aria-label="breadcrumb">
             <ul>
               <li>
                 <a href="#">First link</a>
@@ -138,7 +138,7 @@
 
           <footer class="code">
 
-            <pre><code>&lt;<b>nav</b> <i>aria-label</i>=<u>"Breadcrumb"</u>&gt;
+            <pre><code>&lt;<b>nav</b> <i>aria-label</i>=<u>"breadcrumb"</u>&gt;
   &lt;<b>ul</b>&gt;
     &lt;<b>li</b>&gt;&lt;<b>a</b> <i>href</i>=<u>"#"</u>&gt;First link&lt;<b>/a</b>&gt;&lt;<b>/li</b>&gt;
     &lt;<b>li</b>&gt;&lt;<b>a</b> <i>href</i>=<u>"#"</u>&gt;Second link&lt;<b>/a</b>&gt;&lt;<b>/li</b>&gt;
diff --git a/scss/components/_nav.scss b/scss/components/_nav.scss
index cffb18de..203c4c90 100644
--- a/scss/components/_nav.scss
+++ b/scss/components/_nav.scss
@@ -52,7 +52,7 @@ nav {
     }
   }
 
-  &[aria-label="Breadcrumb"] {
+  &[aria-label="breadcrumb"] {
     align-items: center;
     justify-content: left;