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:
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>