Fix passive gestures and resolve accessibility issues (#588)

* Fix passive gestures and resolve accessibility issues * Fix typos * Fix styling of links in FAQ
AreaFiftyLAN · Jan 28, 2018 · 78b1449 · 78b1449
1 parent 2e555a9
commit 78b1449
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
 -->
 
 <!doctype html>
-<html lang="">
+<html lang="en">
 
 <head>
   <meta charset="utf-8">
@@ -175,10 +175,14 @@
 
         <!-- Nav on mobile: side nav menu -->
         <app-toolbar>
-          <paper-icon-button class="menu-button" icon="menu" drawer-toggle></paper-icon-button>
-
-          <a href="/">
-            <img class="headerLogo" height="32" width="200" src="images-optimized/lancie/logo_without_date.png" />
+          <paper-icon-button class="menu-button" icon="menu" drawer-toggle aria-label="Drawer navigation menu"></paper-icon-button>
+
+          <a href="/" aria-label="Homepage">
+            <img
+                class="headerLogo"
+                height="32" width="200"
+                src="images-optimized/lancie/logo_without_date.png"
+                alt="Area FiftyLAN logo" />
           </a>
 
           <nav class="navigation-tabs">

diff --git a/src/index-imports.html b/src/index-imports.html
@@ -1,3 +1,8 @@
+<link rel="import" href="../bower_components/polymer/polymer.html">
+<script>
+Polymer.setPassiveTouchGestures(true);
+</script>
+
 <link rel="import" href="../bower_components/app-layout/app-toolbar/app-toolbar.html">
 <link rel="import" href="../bower_components/app-layout/app-scroll-effects/effects/waterfall.html">
 <link rel="import" href="../bower_components/app-layout/app-header-layout/app-header-layout.html">

diff --git a/src/lancie-faq/lancie-faq.html b/src/lancie-faq/lancie-faq.html
@@ -19,8 +19,8 @@
       display: block;
     }
 
-    .markdown-html a {
-      color: rgba(255, 255, 255, 0.87);
+    marked-element a {
+      color: var(--secondary-color);
     }
   </style>
 
@@ -32,7 +32,7 @@
     on-error="onError"></iron-ajax>
 
   <marked-element markdown="[[text]]">
-    <div class="markdown-html"></div>
+    <div slot="markdown-html"></div>
   </marked-element>
 
 </template>