]> git.immae.eu Git - github/shaarli/Shaarli.git/blobdiff - tpl/default/changepassword.html
fix a11y label
[github/shaarli/Shaarli.git] / tpl / default / changepassword.html
index c40daf9d385b781fe3c2c1bbfa713b00a2164ba9..ab57943334c600d63f35871c84ea0e3cad7516b7 100644 (file)
@@ -1,15 +1,28 @@
 <!DOCTYPE html>
-<html>
-<head>{include="includes"}</head>
-<body onload="document.changepasswordform.oldpassword.focus();">
-<div id="pageheader">
-       {include="page.header"}
-       <form method="POST" action="#" name="changepasswordform" id="changepasswordform">
-       Old password: <input type="password" name="oldpassword">&nbsp; &nbsp;
-       New password: <input type="password" name="setpassword">
-       <input type="hidden" name="token" value="{$token}">
-       <input type="submit" name="Save" value="Save password" class="bigbutton"></form>
+<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
+<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">{"Change password"|t}</h2>
+    <form method="POST" action="#" name="changepasswordform" id="changepasswordform">
+      <div>
+        <input type="password" name="oldpassword" aria-label="{'Current password'|t}" placeholder="{'Current password'|t}" class="autofocus">
+      </div>
+      <div>
+        <input type="password" name="setpassword" aria-label="{'New password'|t}" placeholder="{'New password'|t}">
+      </div>
+      <input type="hidden" name="token" value="{$token}">
+      <div>
+        <input type="submit" value="{'Change'|t}">
+      </div>
+    </form>
+  </div>
 </div>
 {include="page.footer"}
 </body>
-</html>
\ No newline at end of file
+</html>