From d8e10750ced70bfadbe49ce8f505127f68a21f96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oskar=20Segersv=C3=A4rd?= <victorystick@gmail.com>
Date: Sun, 4 Jun 2017 15:24:37 +0200
Subject: [PATCH] Be stricter about aria attributes

---
 .../templates/strecklista/tabbed_index.html    | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/strecklista/templates/strecklista/tabbed_index.html b/strecklista/templates/strecklista/tabbed_index.html
index 52d7f61..8e84957 100644
--- a/strecklista/templates/strecklista/tabbed_index.html
+++ b/strecklista/templates/strecklista/tabbed_index.html
@@ -88,7 +88,7 @@
   color: #333;
 }
 
-.tabs > .tab-option[aria-selected] {
+.tabs > .tab-option[aria-selected=true] {
   color: firebrick;
   font-weight: bold;
 }
@@ -116,17 +116,17 @@
   -webkit-overflow-scrolling: touch;
 }
 </style>
-<div class="tabs">
-  <div class="tab-option" aria-selected>
-    <i class="material-icons">local_bar</i>
+<div class="tabs" role="tablist">
+  <div class="tab-option" role="tab" aria-selected="true">
+    <i class="material-icons" aria-hidden="true">local_bar</i>
     <span>Streque</span>
   </div>
-  <div class="tab-option">
-    <i class="material-icons">list</i>
+  <div class="tab-option" role="tab" aria-selected="false">
+    <i class="material-icons" aria-hidden="true">list</i>
     <span>Dryckeslista</span>
   </div>
-  <div class="tab-option">
-    <i class="material-icons">history</i>
+  <div class="tab-option" role="tab" aria-selected="false">
+    <i class="material-icons" aria-hidden="true">history</i>
     <span>Historik</span>
   </div>
   <script>
@@ -143,7 +143,7 @@
       var $tab = $(this);
       $('.tabs-container').css('transform', 'translate3d(-' + $tab.index() + '00vw,0,0)');
 
-      $('.tabs > div').removeAttr('aria-selected');
+      $('.tabs > div').attr('aria-selected', false);
       $tab.attr('aria-selected', true);
 
       var pos = offset('tab-option', e.target, {