fix(accessibility): issue on pricing and sidebar + update label for l…

…ogo on headers example
Orange-OpenSource · Jun 9, 2021 · 7223e41 · 7223e41
1 parent b900a75
commit 7223e41
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/site/content/docs/5.0/examples/headers/index.html b/site/content/docs/5.0/examples/headers/index.html
@@ -70,7 +70,7 @@ <h1 class="visually-hidden">Headers examples</h1>
   <div class="container">
     <header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom">
       <a href="/" class="d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none">
-        <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#boosted"/></svg>
+        <svg class="bi me-2" width="40" height="32" role="img" aria-label="Boosted"><use xlink:href="#boosted"/></svg>
       </a>
 
       <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
@@ -94,7 +94,7 @@ <h1 class="visually-hidden">Headers examples</h1>
     <div class="container">
       <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
         <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none">
-          <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#boosted"/></svg>
+          <svg class="bi me-2" width="40" height="32" role="img" aria-label="Boosted"><use xlink:href="#boosted"/></svg>
         </a>
 
         <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
@@ -123,7 +123,7 @@ <h1 class="visually-hidden">Headers examples</h1>
     <div class="container">
       <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
         <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none">
-          <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#boosted"/></svg>
+          <svg class="bi me-2" width="40" height="32" role="img" aria-label="Boosted"><use xlink:href="#boosted"/></svg>
         </a>
 
         <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
@@ -242,7 +242,7 @@ <h1 class="visually-hidden">Headers examples</h1>
       <div class="container">
         <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
           <a href="/" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
-            <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#boosted"/></svg>
+            <svg class="bi me-2" width="40" height="32" role="img" aria-label="Boosted"><use xlink:href="#boosted"/></svg>
           </a>
 
           <ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">

diff --git a/site/content/docs/5.0/examples/pricing/index.html b/site/content/docs/5.0/examples/pricing/index.html
@@ -73,7 +73,7 @@ <h1 class="card-title pricing-card-title">$15<small class="text-muted fw-light">
       </div>
       <div class="col">
         <div class="card mb-4 rounded-3 shadow-sm border-primary">
-          <div class="card-header py-3 text-white bg-primary border-primary">
+          <div class="card-header py-3 bg-primary border-primary">
             <h4 class="my-0 fw-normal">Enterprise</h4>
           </div>
           <div class="card-body">

diff --git a/site/content/docs/5.0/examples/sidebars/index.html b/site/content/docs/5.0/examples/sidebars/index.html
@@ -73,7 +73,7 @@ <h1 class="visually-hidden">Sidebars examples</h1>
 
   <div class="d-flex flex-column flex-shrink-0 p-3 text-white bg-dark" style="width: 280px;">
     <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
-      <svg class="bi me-2" width="40" height="32"><use xlink:href="#boosted"/></svg>
+      <svg class="bi me-2" width="40" height="32" role="img" aria-label="Boosted"><use xlink:href="#boosted"/></svg>
       <span class="fs-4">Sidebar</span>
     </a>
     <hr>
@@ -196,22 +196,22 @@ <h1 class="visually-hidden">Sidebars examples</h1>
       </li>
       <li>
         <a href="#" class="nav-link py-3 border-bottom" title="Dashboard" data-bs-toggle="tooltip" data-bs-placement="right">
-          <svg class="bi" width="24" height="24"><use xlink:href="#speedometer2"/></svg>
+          <svg class="bi" width="24" height="24" role="img" aria-label="Dashboard"><use xlink:href="#speedometer2"/></svg>
         </a>
       </li>
       <li>
         <a href="#" class="nav-link py-3 border-bottom" title="Orders" data-bs-toggle="tooltip" data-bs-placement="right">
-          <svg class="bi" width="24" height="24"><use xlink:href="#table"/></svg>
+          <svg class="bi" width="24" height="24" role="img" aria-label="Orders"><use xlink:href="#table"/></svg>
         </a>
       </li>
       <li>
         <a href="#" class="nav-link py-3 border-bottom" title="Products" data-bs-toggle="tooltip" data-bs-placement="right">
-          <svg class="bi" width="24" height="24"><use xlink:href="#grid"/></svg>
+          <svg class="bi" width="24" height="24" role="img" aria-label="Products"><use xlink:href="#grid"/></svg>
         </a>
       </li>
       <li>
         <a href="#" class="nav-link py-3 border-bottom" title="Customers" data-bs-toggle="tooltip" data-bs-placement="right">
-          <svg class="bi" width="24" height="24"><use xlink:href="#people-circle"/></svg>
+          <svg class="bi" width="24" height="24" role="img" aria-label="Customers"><use xlink:href="#people-circle"/></svg>
         </a>
       </li>
     </ul>