fix(detail-page-header): unique ids for a11y (#246)

carbon-design-system · Aug 7, 2017 · 8c4ccbf · 8c4ccbf
1 parent e5abf7e
commit 8c4ccbf
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/components/detail-page-header/detail-page-header--with-tabs.html b/src/components/detail-page-header/detail-page-header--with-tabs.html
@@ -33,19 +33,19 @@ <h1 class="bx--detail-page-header-title">Title</h1>
       </div>
       <ul class="bx--tabs__nav bx--tabs__nav--hidden" role="tablist">
         <li class="bx--tabs__nav-item bx--tabs__nav-item--selected" data-target=".tab-1" role="presentation">
-          <a id="tab-link-1" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="true">Tab Label 1</a>
+          <a id="tab-link-1-with-tabs" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="true">Tab Label 1</a>
         </li>
         <li class="bx--tabs__nav-item" data-target=".tab-2" role="presentation">
-          <a id="tab-link-2" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="false">Tab Label 2</a>
+          <a id="tab-link-2-with-tabs" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="false">Tab Label 2</a>
         </li>
         <li class="bx--tabs__nav-item" data-target=".tab-3" role="presentation">
-          <a id="tab-link-3" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="false">Tab Label 3</a>
+          <a id="tab-link-3-with-tabs" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="false">Tab Label 3</a>
         </li>
         <li class="bx--tabs__nav-item" data-target=".tab-4" role="presentation">
-          <a id="tab-link-4" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="false">Tab Label 4</a>
+          <a id="tab-link-4-with-tabs" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="false">Tab Label 4</a>
         </li>
         <li class="bx--tabs__nav-item" data-target=".tab-5" role="presentation">
-          <a id="tab-link-5" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="false">Tab Label 5</a>
+          <a id="tab-link-5-with-tabs" class="bx--tabs__nav-link" href="javascript:void(0)" role="tab" aria-selected="false">Tab Label 5</a>
         </li>
       </ul>
     </nav>