add label to form - accessibility issue

Don't use placeholder instead of label for form input.

diff --git a/tpl/default/addlink.html b/tpl/default/addlink.html
index 2f956e061bc30534a1f15cbaa2087e2a51da9c3d..55864a023947c201ad09fd32754452f45bb02c6d 100644 (file)
--- a/tpl/default/addlink.html
+++ b/tpl/default/addlink.html
@@ -11,7 +11,8 @@
     <h2 class="window-title">{"Shaare a new link"|t}</h2>
     <form method="GET" action="#" name="addform" class="addform">
       <div>
     <h2 class="window-title">{"Shaare a new link"|t}</h2>
     <form method="GET" action="#" name="addform" class="addform">
       <div>

-        <input type="text" name="post" placeholder="{'URL or leave empty to post a note'|t}" class="autofocus">
+        <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>
       <div>
         <input type="submit" value="{'Add link'|t}">