I have a Login form in my website which its inputs don't have associated labels, but for Accessibility reasons, they should have as it says here: https://www.w3.org/WAI/tutorials/forms/labels/
Is there any way to avoid this or to have them hidden?
Here is the code:
<fieldset id='clogin'>
<legend>Login</legend>
<div class='input-group'>
<span class='input-group-addon'><i class='fa fa-user'></i></span>
<input id='username' type='text' class='form-control' name='login' value='' placeholder='Username' required='' autofocus=''>
</div>
<div class='input-group'>
<span class='input-group-addon'><i class='fa fa-lock'></i></span>
<input id='password' type='password' class='form-control' name='password' placeholder='Password' required=''>
</div>
<button type='submit' class='btn btn-lg btn-primary btn-block'>Login</button><br style='clear: both;'>
</fieldset>
</div>