Merge pull request #1320 from llune/master

a11y fix: label and tabindex
This commit is contained in:
ArthurHoaro 2019-07-13 15:08:42 +02:00 committed by GitHub
commit f2d00d95a0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -9,7 +9,7 @@
<div class="pure-g pure-alert pure-alert-error pure-alert-closable center"> <div class="pure-g pure-alert pure-alert-error pure-alert-closable center">
<div class="pure-u-2-24"></div> <div class="pure-u-2-24"></div>
<div class="pure-u-20-24"> <div class="pure-u-20-24">
{'You have been banned after too many failed login attempts. Try again later.'|t} <p>{'You have been banned after too many failed login attempts. Try again later.'|t}</p>
</div> </div>
<div class="pure-u-2-24"> <div class="pure-u-2-24">
<i class="fa fa-times pure-alert-close"></i> <i class="fa fa-times pure-alert-close"></i>
@ -22,20 +22,19 @@
<form method="post" name="loginform"> <form method="post" name="loginform">
<h2 class="window-title">{'Login'|t}</h2> <h2 class="window-title">{'Login'|t}</h2>
<div> <div>
<input type="text" name="login" placeholder="{'Username'|t}" <input type="text" name="login" aria-label="{'Username'|t}" placeholder="{'Username'|t}"
{if="!empty($username)"}value="{$username}"{/if} class="autofocus" tabindex="20"> {if="!empty($username)"}value="{$username}"{/if} class="autofocus">
</div> </div>
<div> <div>
<input type="password" name="password" placeholder="{'Password'|t}" class="autofocus" tabindex="21"> <input type="password" name="password" aria-label="{'Password'|t}" placeholder="{'Password'|t}" class="autofocus">
</div> </div>
<div class="remember-me"> <div class="remember-me">
<input type="checkbox" name="longlastingsession" id="longlastingsessionform" <input type="checkbox" name="longlastingsession" id="longlastingsessionform"
{if="$remember_user_default"}checked="checked"{/if} {if="$remember_user_default"}checked="checked"{/if}>
tabindex="22">
<label for="longlastingsessionform">{'Remember me'|t}</label> <label for="longlastingsessionform">{'Remember me'|t}</label>
</div> </div>
<div> <div>
<input type="submit" value="{'Login'|t}" class="bigbutton" tabindex="23"> <input type="submit" value="{'Login'|t}" class="bigbutton">
</div> </div>
<input type="hidden" name="token" value="{$token}"> <input type="hidden" name="token" value="{$token}">
{if="$returnurl"}<input type="hidden" name="returnurl" value="{$returnurl}">{/if} {if="$returnurl"}<input type="hidden" name="returnurl" value="{$returnurl}">{/if}
@ -48,4 +47,3 @@ <h2 class="window-title">{'Login'|t}</h2>
{include="page.footer"} {include="page.footer"}
</body> </body>
</html> </html>