add label to form - accessibility issue

[github/shaarli/Shaarli.git] / tpl / default / addlink.html
diff --git a/tpl/default/addlink.html b/tpl/default/addlink.html

index da50f45e208029a704e24dd0bf44a31c4a73ddd1..55864a023947c201ad09fd32754452f45bb02c6d 100644 (file)
--- a/tpl/default/addlink.html
+++ b/tpl/default/addlink.html
@@ -1,15 +1,24 @@
  <!DOCTYPE html>
  <html>
-<head>{include="includes"}</head>
-<body onload="document.addform.post.focus();">
-<div id="pageheader">
-       {include="page.header"}
-       <div id="headerform">
-               <form method="GET" action="" name="addform" class="addform">
-                       <input type="text" name="post" class="linkurl">
-                       <input type="submit" value="Add link" class="bigbutton">
-               </form>
-       </div>
+<head>
+  {include="includes"}
+</head>
+<body>
+{include="page.header"}
+<div class="pure-g">
+  <div class="pure-u-lg-1-3 pure-u-1-24"></div>
+  <div id="addlink-form" class="page-form  page-form-light pure-u-lg-1-3 pure-u-22-24">
+    <h2 class="window-title">{"Shaare a new link"|t}</h2>
+    <form method="GET" action="#" name="addform" class="addform">
+      <div>
+        <label for="shaare">{'URL or leave empty to post a note'|t}</label>
+        <input type="text" name="post" id="shaare" class="autofocus">
+      </div>
+      <div>
+        <input type="submit" value="{'Add link'|t}">
+      </div>
+    </form>
+  </div>
  </div>
  {include="page.footer"}
  </body>