From 4362a42f7f0fa2919e26fd7806181bf9bb563cc5 Mon Sep 17 00:00:00 2001
From: John McLear <john@mclear.co.uk>
Date: Thu, 26 Mar 2015 11:38:55 +0000
Subject: [PATCH] make index page accessible for screen readers

---
 src/templates/index.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/templates/index.html b/src/templates/index.html
index 02ecf67a..626630e3 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -70,9 +70,10 @@
             }
             #button {
               margin: 0 auto;
-              border-radius: 3px;
               text-align: center;
               font: 36px verdana,arial,sans-serif;
+              width:300px;
+              border:none;
               color: white;
               text-shadow: 0 -1px 0 rgba(0,0,0,.8);
               height: 70px;
@@ -100,6 +101,7 @@
               text-align: left;
               text-shadow: 0 1px 1px #fff;
               margin: 16px auto 0;
+              display:block;
             }
             #padname{
               height:38px;
@@ -158,8 +160,8 @@
         <div id="wrapper">
         <% e.begin_block("indexWrapper"); %>
             <div id="inner">
-                <div id="button" onclick="go2Random()" data-l10n-id="index.newPad"></div>
-                <div id="label" data-l10n-id="index.createOpenPad"></div> 
+                <buttOn id="button" onclick="go2Random()" data-l10n-id="index.newPad"></button>
+                <label id="label" for="padname" data-l10n-id="index.createOpenPad"></label> 
                 <form action="#" onsubmit="go2Name();return false;"> 
                     <input type="text" id="padname" autofocus x-webkit-speech> 
                     <button type="submit">OK</button>