hugosoucycc

commit f88a1b1f05285e671bc9b6cafeb02ca6e53d3611
parent d7b98086d1123cbf38db638b4731e8ed1c5f8f85
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Wed, 27 Sep 2017 10:48:15 -0400

Add the focus trap partial.

Diffstat:
M
templates/mustache/partials/nav.button.mustache
 | 
26
+++++++++++++-------------
M
templates/mustache/partials/nav.index.mustache
 | 
9
+++++----
M
templates/mustache/partials/nav.mustache
 | 
7
++++---

3 files changed, 22 insertions(+), 20 deletions(-)
diff --git a/templates/mustache/partials/nav.button.mustache b/templates/mustache/partials/nav.button.mustache
@@ -1,16 +1,16 @@
 <script id="navButtonTpl" type="text/tpl">
-  <div class="layout">
-    <a class="nav-button" href="#menu">
-      <span class="nav-button__text">
-        Menu <span class="visuallyhidden">principal</span>
-      </span>
+ <div class="layout">
+ <a class="nav-button" href="#menu">
+ <span class="nav-button__text">
+ <span class="visuallyhidden">Aller au </span>Menu <span class="visuallyhidden">principal</span>
+ </span>
 
-      <span class="nav-button__burger">
-        <svg class="nav-button__burger__ico" fill="#fff" height="50" viewBox="0 0 24 24" width="50" xmlns="http://www.w3.org/2000/svg">
-          <path d="M0 0h24v24H0z" fill="none"/>
-          <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
-        </svg>
-      </span>
-    </a>
-  </div>
+ <span class="nav-button__burger">
+ <svg class="nav-button__burger__ico" fill="#fff" height="50" viewBox="0 0 24 24" width="50" xmlns="http://www.w3.org/2000/svg">
+ <path d="M0 0h24v24H0z" fill="none"/>
+ <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
+ </svg>
+ </span>
+ </a>
+ </div>
 </script>
diff --git a/templates/mustache/partials/nav.index.mustache b/templates/mustache/partials/nav.index.mustache
@@ -1,7 +1,7 @@
 <nav class="nav">
   <div class="nav__panel" id="menu" tabindex="0">
     <div class="nav__panel__content layout">
-      <h2 class="visuallyhidden">Navigation</h2>
+      <h2 class="visuallyhidden">Menu principal</h2>
       
       <ul class="nav__list" role="menubar">                
         <li class="nav__item">
@@ -20,13 +20,14 @@
           </a>
         </li>
         <li class="nav__item">
-          <a class="nav__link" href="{{ BASE_URL }}/a-propos.html">
-            À propos
-          </a>
+            <a class="nav__link" href="{{ BASE_URL }}/a-propos.html">
+                À propos
+            </a>
         </li>
       </ul>
     </div>        
 
     {{> nav.close.mustache }}
+    {{> nav.trap.mustache }}
   </div>
 </nav>
diff --git a/templates/mustache/partials/nav.mustache b/templates/mustache/partials/nav.mustache
@@ -1,8 +1,8 @@
-<nav class="nav">    
+<nav class="nav">
   <div class="nav__panel" id="menu" tabindex="0">
     <div class="nav__panel__content layout">
       <h2 class="visuallyhidden">Navigation</h2>
-      
+
       <ul class="nav__list" role="menubar">
         <li class="nav__item">
           <a class="nav__link" href="{{ BASE_URL }}" rel="index">
@@ -32,6 +32,7 @@
       </ul>
     </div>
 
-    {{> nav.close.mustache }}        
+    {{> nav.close.mustache }}
+    {{> nav.trap.mustache }}
   </div>
 </nav>