Merge pull request #130 from maple3142/master

Improve accessibility
theme-next · Mar 14, 2018 · 00c8ebc · 00c8ebc
2 parents 51f96cc + f0234ef
commit 00c8ebc
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/languages/_en.yml b/languages/_en.yml
@@ -100,3 +100,8 @@ reward:
   bitcoin: Bitcoin
 
 gitmentbutton: Show comments from Gitment
+
+accessibility:
+  nav_toggle: Toggle navigation bar
+  prev_page: Previous page
+  next_page: Next page
diff --git a/layout/_partials/head/head.swig b/layout/_partials/head/head.swig
@@ -1,6 +1,6 @@
 <meta charset="UTF-8"/>
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2"/>
 <meta name="theme-color" content="{{ theme.android_chrome_color }}">
 
 

diff --git a/layout/_partials/header.swig b/layout/_partials/header.swig
@@ -28,7 +28,7 @@
   </div>
 
   <div class="site-nav-toggle">
-    <button>
+    <button aria-label="{{ __('accessibility.nav_toggle') }}">
       <span class="btn-bar"></span>
       <span class="btn-bar"></span>
       <span class="btn-bar"></span>

diff --git a/layout/_partials/pagination.swig b/layout/_partials/pagination.swig
@@ -2,8 +2,8 @@
   <nav class="pagination">
     {{
       paginator({
-        prev_text: '<i class="fa fa-angle-left"></i>',
-        next_text: '<i class="fa fa-angle-right"></i>',
+        prev_text: '<i class="fa fa-angle-left" aria-label="'+__('accessibility.prev_page')+'"></i>',
+        next_text: '<i class="fa fa-angle-right" aria-label="'+__('accessibility.next_page')+'"></i>',
         mid_size: 1
       })
     }}