fix(user-profile): update breadcrumbs markup to improve a11y

zendesk · Mar 15, 2023 · ae6506c · ae6506c
1 parent 940b5cf
commit ae6506c
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/templates/user_profile_page.hbs b/templates/user_profile_page.hbs
@@ -196,11 +196,13 @@
                         {{/if}}
                       </header>
 
-                      <ol class="breadcrumbs profile-contribution-breadcrumbs">
-                        {{#each path_steps}}
-                          <li title="{{name}}"><a href="{{url}}">{{name}}</a></li>
-                        {{/each}}
-                      </ol>
+                      <nav aria-label="Activity location">
+                        <ol class="breadcrumbs profile-contribution-breadcrumbs">
+                          {{#each path_steps}}
+                            <li><a href="{{url}}">{{name}}</a></li>
+                          {{/each}}
+                        </ol>
+                      </nav>
 
                       <p class="profile-contribution-body">{{excerpt body characters=200}}</p>
 
@@ -357,11 +359,13 @@
                       {{/if}}
                     </header>
 
-                    <ol class="breadcrumbs profile-contribution-breadcrumbs">
-                      {{#each path_steps}}
-                        <li title="{{name}}"><a href="{{url}}">{{name}}</a></li>
-                      {{/each}}
-                    </ol>
+                    <nav aria-label="Contribution location">
+                      <ol class="breadcrumbs profile-contribution-breadcrumbs">
+                        {{#each path_steps}}
+                          <li><a href="{{url}}">{{name}}</a></li>
+                        {{/each}}
+                      </ol>
+                    </nav>
 
                     <p class="profile-contribution-body">{{excerpt body characters=200}}</p>