diff --git a/scss/_o-footer.scss b/scss/_o-footer.scss
index 705ac04d58..57290ff356 100644
--- a/scss/_o-footer.scss
+++ b/scss/_o-footer.scss
@@ -41,7 +41,7 @@
       margin-bottom: map-get($spacers, 2);
     }
 
-    h2 {
+    h3 {
       margin-top: map-get($spacers, 2);
       font-size: $font-size-sm;
     }
diff --git a/site/_includes/boostwatch/ofooter.html b/site/_includes/boostwatch/ofooter.html
index 3e573fc038..ace64f2540 100644
--- a/site/_includes/boostwatch/ofooter.html
+++ b/site/_includes/boostwatch/ofooter.html
@@ -1,6 +1,6 @@
 <h2 id="footer">Footer<a class="doc-link d-inline-flex align-items-center ml-2" href="../components/orange-footer/" title="go to footer documentation page"></a></h2>
 <footer class="o-footer" role="contentinfo">
-    <h1 class="sr-only">footer - site map & informations</h1>
+    <h2 class="sr-only">Site map & informations</h2>
     <div class="o-footer-top">
         <div class="container-fluid">
             <div class="row">
@@ -14,7 +14,7 @@ <h1 class="sr-only">footer - site map & informations</h1>
         <div class="container-fluid">
             <div class="row">
                 <div class="col-md-3 col-sm-6">
-                    <h2>Discover</h2>
+                    <h3>Discover</h3>
                     <ul class="nav flex-column">
                         <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
                         <li class="nav-item"><a class="nav-link" href="#">Natus error sit</a></li>
@@ -23,7 +23,7 @@ <h2>Discover</h2>
                     </ul>
                 </div>
                 <div class="col-md-3 col-sm-6">
-                    <h2>Shop</h2>
+                    <h3>Shop</h3>
                     <ul class="nav flex-column">
                         <li class="nav-item"><a class="nav-link" href="#">Natus error sit</a></li>
                         <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
@@ -33,14 +33,14 @@ <h2>Shop</h2>
                     </ul>
                 </div>
                 <div class="col-md-3 col-sm-6">
-                    <h2>Services</h2>
+                    <h3>Services</h3>
                     <ul class="nav flex-column">
                         <li class="nav-item"><a class="nav-link" href="#">Doloremque</a></li>
                         <li class="nav-item"><a class="nav-link" href="#">Totam rem aperiam</a></li>
                     </ul>
                 </div>
                 <div class="col-md-3 col-sm-6">
-                    <h2>Support</h2>
+                    <h3>Support</h3>
                     <ul class="nav flex-column">
                         <li class="nav-item"><a class="nav-link" href="#">Doloremque</a></li>
                         <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
diff --git a/site/_includes/footer.html b/site/_includes/footer.html
index 29719183c7..4752e7f97d 100644
--- a/site/_includes/footer.html
+++ b/site/_includes/footer.html
@@ -1,5 +1,5 @@
 <footer class="o-footer mt-0" role="contentinfo">
-  <h1 class="sr-only">footer - site map & informations</h1>
+  <h2 class="sr-only"Site map & informations</h2>
   <div class="o-footer-body py-3 px-0">
     <div class="container-fluid">
       <p class="m-0">This documentation is an adaptation made by Orange</p>
diff --git a/site/docs/4.4/components/orange-footer.md b/site/docs/4.4/components/orange-footer.md
index a23b94de71..04c3cf9175 100644
--- a/site/docs/4.4/components/orange-footer.md
+++ b/site/docs/4.4/components/orange-footer.md
@@ -17,7 +17,7 @@ According to the brand, Orange footer has black background and white text color.
 
 {% capture example %}
 <footer class="o-footer" role="contentinfo">
-    <h1 class="sr-only">Site map & informations</h1>
+    <h2 class="sr-only">Site map & informations</h2>
     <div class="o-footer-top">
         <div class="container">
             <div class="row mb-0">
@@ -40,7 +40,7 @@ According to the brand, Orange footer has black background and white text color.
         <div class="container">
             <div class="row">
                 <div class="col-md-3 col-sm-6">
-                    <h2>Discover</h2>
+                    <h3>Discover</h3>
                     <ul class="nav flex-column">
                         <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
                         <li class="nav-item"><a class="nav-link" href="#">Natus error sit</a></li>
@@ -49,7 +49,7 @@ According to the brand, Orange footer has black background and white text color.
                     </ul>
                 </div>
                 <div class="col-md-3 col-sm-6">
-                    <h2>Shop</h2>
+                    <h3>Shop</h3>
                     <ul class="nav flex-column">
                         <li class="nav-item"><a class="nav-link" href="#">Natus error sit</a></li>
                         <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
@@ -59,14 +59,14 @@ According to the brand, Orange footer has black background and white text color.
                     </ul>
                 </div>
                 <div class="col-md-3 col-sm-6">
-                    <h2>Services</h2>
+                    <h3>Services</h3>
                     <ul class="nav flex-column">
                         <li class="nav-item"><a class="nav-link" href="#">Doloremque</a></li>
                         <li class="nav-item"><a class="nav-link" href="#">Totam rem aperiam</a></li>
                     </ul>
                 </div>
                 <div class="col-md-3 col-sm-6">
-                    <h2>Support</h2>
+                    <h3>Support</h3>
                     <ul class="nav flex-column">
                         <li class="nav-item"><a class="nav-link" href="#">Doloremque</a></li>
                         <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
diff --git a/site/docs/4.4/essentials/footer/index.html b/site/docs/4.4/essentials/footer/index.html
index 30a31f4155..b25f871781 100644
--- a/site/docs/4.4/essentials/footer/index.html
+++ b/site/docs/4.4/essentials/footer/index.html
@@ -32,7 +32,7 @@ <h3 class="mt-5" id="web-ftr-std-001">
     </h3>
   </div>
   <footer class="o-footer" role="contentinfo">
-    <h1 class="sr-only">Footer — social links, site map & informations</h1>
+    <h2 class="sr-only">Footer — social links, site map & informations</h2>
     <div class="o-footer-top">
       <div class="container">
         <ul class="nav">
@@ -50,7 +50,7 @@ <h1 class="sr-only">Footer — social links, site map & informations</h1>
       <div class="container">
         <div class="row">
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Shop</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-shop-1"
@@ -58,7 +58,7 @@ <h2>
                 Shop
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-shop-1" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Phones</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Tablets</a></li>
@@ -71,7 +71,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Services</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-services-1"
@@ -79,7 +79,7 @@ <h2>
                 Services
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-services-1" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Calling</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Messaging</a></li>
@@ -93,7 +93,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Support</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-support-1"
@@ -101,7 +101,7 @@ <h2>
                 Support
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-support-1" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Mobile help</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Broadband help</a></li>
@@ -113,7 +113,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>About Orange</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-about-1"
@@ -121,7 +121,7 @@ <h2>
                 About Orange
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-about-1" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">About us</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Business</a></li>
@@ -158,7 +158,7 @@ <h3 class="mt-5" id="web-ftr-std-002">
     </h3>
   </div>
   <footer class="o-footer" role="contentinfo">
-    <h1 class="sr-only">Footer — social links, site map & informations</h1>
+    <h2 class="sr-only">Footer — social links, site map & informations</h2>
     <div class="o-footer-top">
       <div class="container">
         <ul class="nav">
@@ -176,7 +176,7 @@ <h1 class="sr-only">Footer — social links, site map & informations</h1>
       <div class="container">
         <div class="row">
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Shop</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-shop-2"
@@ -184,7 +184,7 @@ <h2>
                 Shop
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-shop-2" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Phones</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Tablets</a></li>
@@ -197,7 +197,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Services</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-services-2"
@@ -205,7 +205,7 @@ <h2>
                 Services
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-services-2" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Calling</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Messaging</a></li>
@@ -219,7 +219,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Support</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-support-2"
@@ -227,7 +227,7 @@ <h2>
                 Support
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-support-2" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Mobile help</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Broadband help</a></li>
@@ -239,7 +239,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>About Orange</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-about-2"
@@ -247,7 +247,7 @@ <h2>
                 About Orange
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-about-2" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">About us</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Business</a></li>
@@ -310,7 +310,7 @@ <h3 class="mt-5" id="web-ftr-std-003">
     </h3>
   </div>
   <footer class="o-footer" role="contentinfo">
-    <h1 class="sr-only">Footer — social links, site map, email sign up & informations</h1>
+    <h2 class="sr-only">Footer — social links, site map, email sign up & informations</h2>
     <div class="o-footer-top">
       <div class="container">
         <ul class="nav">
@@ -328,7 +328,7 @@ <h1 class="sr-only">Footer — social links, site map, email sign up & informati
       <div class="container">
         <div class="row">
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Shop</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-shop-3"
@@ -336,7 +336,7 @@ <h2>
                 Shop
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-shop-3" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Phones</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Tablets</a></li>
@@ -349,7 +349,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Services</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-services-3"
@@ -357,7 +357,7 @@ <h2>
                 Services
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-services-3" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Calling</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Messaging</a></li>
@@ -371,7 +371,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Support</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-support-3"
@@ -379,7 +379,7 @@ <h2>
                 Support
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-support-3" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Mobile help</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Broadband help</a></li>
@@ -391,7 +391,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>About Orange</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-about-3"
@@ -399,7 +399,7 @@ <h2>
                 About Orange
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-about-3" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">About us</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Business</a></li>
@@ -446,10 +446,10 @@ <h3 class="mt-5" id="web-ftr-std-004">
     </h3>
   </div>
   <footer class="o-footer" role="contentinfo">
-    <h1 class="sr-only">Footer — email sign up, social links, site map & informations</h1>
+    <h2 class="sr-only">Footer — email sign up, social links, site map & informations</h2>
     <div class="o-footer-top">
       <div class="container">
-        <h2>Sign up to our mailing list</h2>
+        <h3>Sign up to our mailing list</h3>
         <!-- @todo Dark form -->
         <form class="form-inline">
           <input type="email" class="form-control col-8 col-md-6 col-lg-4" placeholder="Enter your email" aria-label="Email">
@@ -474,7 +474,7 @@ <h2>Sign up to our mailing list</h2>
       <div class="container">
         <div class="row">
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Shop</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-shop-4"
@@ -482,7 +482,7 @@ <h2>
                 Shop
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-shop-4" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Phones</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Tablets</a></li>
@@ -495,7 +495,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Services</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-services-4"
@@ -503,7 +503,7 @@ <h2>
                 Services
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-services-4" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Calling</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Messaging</a></li>
@@ -517,7 +517,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Support</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-support-4"
@@ -525,7 +525,7 @@ <h2>
                 Support
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-support-4" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Mobile help</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Broadband help</a></li>
@@ -537,7 +537,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>About Orange</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-about-4"
@@ -545,7 +545,7 @@ <h2>
                 About Orange
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-about-4" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">About us</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Business</a></li>
@@ -582,12 +582,12 @@ <h3 class="mt-5" id="web-ftr-std-005">
     </h3>
   </div>
   <footer class="o-footer" role="contentinfo">
-    <h1 class="sr-only">Footer — site map & informations</h1>
+    <h2 class="sr-only">Footer — site map & informations</h2>
     <div class="o-footer-body">
       <div class="container">
         <div class="row">
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Shop</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-shop-5"
@@ -595,7 +595,7 @@ <h2>
                 Shop
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-shop-5" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Phones</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Tablets</a></li>
@@ -608,7 +608,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Services</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-services-5"
@@ -616,7 +616,7 @@ <h2>
                 Services
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-services-5" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Calling</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Messaging</a></li>
@@ -630,7 +630,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>Support</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-support-5"
@@ -638,7 +638,7 @@ <h2>
                 Support
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-support-5" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">Mobile help</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Broadband help</a></li>
@@ -650,7 +650,7 @@ <h2>
             </ul>
           </div>
           <div class="col-12 col-md-3">
-            <h2>
+            <h3>
               <span>About Orange</span>
               <button type="button" class="btn btn-link btn-inverse collapsed"
                       data-toggle="collapse" data-target="#collapse-about-5"
@@ -658,7 +658,7 @@ <h2>
                 About Orange
                 <span aria-hidden="true" class="icon-arrow-down"></span>
               </button>
-            </h2>
+            </h3>
             <ul id="collapse-about-5" class="nav collapse">
               <li class="nav-item"><a class="nav-link" href="#">About us</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Business</a></li>
@@ -695,7 +695,7 @@ <h3 class="mt-5" id="web-ftr-std-006">
     </h3>
   </div>
   <footer class="o-footer" role="contentinfo">
-    <h1 class="sr-only">Footer — informations</h1>
+    <h2 class="sr-only">Footer — informations</h2>
     <div class="o-footer-bottom">
       <div class="container">
         <ul class="nav">
diff --git a/site/docs/4.4/examples/news-template/index.html b/site/docs/4.4/examples/news-template/index.html
index 5f87a29c78..fe8b3b2361 100644
--- a/site/docs/4.4/examples/news-template/index.html
+++ b/site/docs/4.4/examples/news-template/index.html
@@ -465,7 +465,7 @@ <h2 class="sr-only">Site map & informations</h2>
         <div class="container">
           <div class="row">
             <div class="col-md-3 col-sm-6">
-              <h2>Discover</h2>
+              <h3>Discover</h3>
               <ul class="nav flex-column">
                 <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
                 <li class="nav-item"><a class="nav-link" href="#">Natus error sit</a></li>
@@ -474,7 +474,7 @@ <h2>Discover</h2>
               </ul>
             </div>
             <div class="col-md-3 col-sm-6">
-              <h2>Shop</h2>
+              <h3>Shop</h3>
               <ul class="nav flex-column">
                 <li class="nav-item"><a class="nav-link" href="#">Natus error sit</a></li>
                 <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
@@ -484,14 +484,14 @@ <h2>Shop</h2>
               </ul>
             </div>
             <div class="col-md-3 col-sm-6">
-              <h2>Services</h2>
+              <h3>Services</h3>
               <ul class="nav flex-column">
                 <li class="nav-item"><a class="nav-link" href="#">Doloremque</a></li>
                 <li class="nav-item"><a class="nav-link" href="#">Totam rem aperiam</a></li>
               </ul>
             </div>
             <div class="col-md-3 col-sm-6">
-              <h2>Support</h2>
+              <h3>Support</h3>
               <ul class="nav flex-column">
                 <li class="nav-item"><a class="nav-link" href="#">Doloremque</a></li>
                 <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
diff --git a/site/docs/4.4/examples/orange-homepage/index.html b/site/docs/4.4/examples/orange-homepage/index.html
index 64d513a5b6..6e5de9554f 100644
--- a/site/docs/4.4/examples/orange-homepage/index.html
+++ b/site/docs/4.4/examples/orange-homepage/index.html
@@ -270,7 +270,7 @@ <h2 class="sr-only">Site map & informations</h2>
       <div class="container">
         <div class="row">
           <div class="col-md-3 col-sm-6">
-            <h2>Discover</h2>
+            <h3>Discover</h3>
             <ul class="nav flex-column">
               <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Natus error sit</a></li>
@@ -279,7 +279,7 @@ <h2>Discover</h2>
             </ul>
           </div>
           <div class="col-md-3 col-sm-6">
-            <h2>Shop</h2>
+            <h3>Shop</h3>
             <ul class="nav flex-column">
               <li class="nav-item"><a class="nav-link" href="#">Natus error sit</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>
@@ -289,14 +289,14 @@ <h2>Shop</h2>
             </ul>
           </div>
           <div class="col-md-3 col-sm-6">
-            <h2>Services</h2>
+            <h3>Services</h3>
             <ul class="nav flex-column">
               <li class="nav-item"><a class="nav-link" href="#">Doloremque</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Totam rem aperiam</a></li>
             </ul>
           </div>
           <div class="col-md-3 col-sm-6">
-            <h2>Support</h2>
+            <h3>Support</h3>
             <ul class="nav flex-column">
               <li class="nav-item"><a class="nav-link" href="#">Doloremque</a></li>
               <li class="nav-item"><a class="nav-link" href="#">Unde omnis istea</a></li>