Add aria label to breadcrumb links. Closes #172.

uswds · Jan 14, 2025 · a50c716 · a50c716
1 parent 59c8ca9
commit a50c716
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/_includes/zebra/breadcrumb.html b/src/_includes/zebra/breadcrumb.html
@@ -7,11 +7,15 @@
   Used in zebra testing layout: `src/_layouts/zebra.html`.
 {% endcomment %}
 
+{% assign link_aria_label = link_aria-_label | default: "Breadcrumb link" %}
+
 <nav class="usa-breadcrumb usa-breadcrumb--wrap" aria-label="Breadcrumbs">
   <ol class="usa-breadcrumb__list">
     <!-- Home link. -->
     <li class="usa-breadcrumb__list-item">
-      <a href="" class="usa-breadcrumb__link"><span>Home</span></a>
+      <a href="" class="usa-breadcrumb__link" aria-label="{{ link_aria_label }}">
+        <span>Home</span>
+      </a>
     </li>
 
     <!-- Autogenerated links from frontmatter. -->
@@ -28,7 +32,8 @@
         <a
           href="{{ breadcrumb_href }}"
           class="usa-breadcrumb__link"
-          {% if item.current %}aria-current="page"{% endif %}>
+          {% if item.current %}aria-current="page"{% endif %}
+          aria-label="{{ link_aria_label }}">
           <span>{{ item.label }}</span>
         </a>
       </li>