H36: Using alt attributes on images used as submit buttons

_7
HTML Snippet Code
Scenario 1: Input type image button without alt attribute


<label for="email1">Enter Email</label> <input type="text" id="email1"/><br/> <label for="password1">Enter Password</label> <input type="password" id="password1"/><br/> <input type="image" src="../../../Resources/Images/Login.png" height="30px" width="30px" class="wcag-fail"/>
Scenario 2: Input type image button with empty alt attribute


<label for="email2">Enter Email</label> <input type="text" id="email2"/><br/> <label for="password2">Enter Password</label> <input type="password" id="password2"/><br/> <input type="image" src="../../../Resources/Images/Login.png" height="30px" width="30px" alt="" class="wcag-fail"/>
Scenario 3: Input type image button with invalid alternative text


<label for="email3">Enter Email</label> <input type="text" id="email3"/><br/> <label for="password3">Enter Password</label> <input type="password" id="password3"/><br/> <input type="image" src="../../../Resources/Images/Login.png" height="30px" width="30px" alt="!!@@##" class="wcag-fail"/>
Scenario 4: Input type image button with empty aria-label


<label for="email4">Enter Email</label> <input type="text" id="email4"/><br/> <label for="password4">Enter Password</label> <input type="password" id="password4"/><br/> <input type="image" src="../../../Resources/Images/Login.png" height="30px" width="30px" aria-label="" class="wcag-fail"/>
Scenario 5: Input type image button with invalid aria-label


<label for="email5">Enter Email</label> <input type="text" id="email5"/><br/> <label for="password5">Enter Password</label> <input type="password" id="password5"/><br/> <input type="image" src="../../../Resources/Images/Login.png" height="30px" width="30px" aria-label="!!@@!!" class="wcag-fail"/>
Scenario 6: Input type image button with aria-labelledby null reference


<label for="email6">Enter Email</label> <input type="text" id="email6"/><br/> <label for="password6">Enter Password</label> <input type="password" id="password6"/><br/> <input type="image" src="../../../Resources/Images/Login.png" height="30px" width="30px" aria-labelledby="" class="wcag-fail"/> <span id="lbl_6" style="visibility:hidden">submit</span>
Scenario 7: Input type image button with aria-labelledby invalid reference


<label for="email7">Enter Email</label> <input type="text" id="email7"/><br/> <label for="password7">Enter Password</label> <input type="password" id="password7"/><br/> <input type="image" src="../../../Resources/Images/Login.png" height="30px" width="30px" aria-labelledby="label" class="wcag-fail"/> <span id="lbl_7" style="visibility:hidden">submit</span>
Scenario 8: Input type image button with empty title


<label for="email8">Enter Email</label> <input type="text" id="email8"/><br/> <label for="password8">Enter Password</label> <input type="password" id="password8"/><br/> <input type="image" src="../../../Resources/Images/Login.png" height="30px" width="30px" title="" class="wcag-fail"/>
Scenario 9: Input type image button with invalid title


<label for="email9">Enter Email</label> <input type="text" id="email9"/><br/> <label for="password9">Enter Password</label> <input type="password" id="password9"/><br/> <input type="image" src="../../../Resources/Images/Login.png" height="30px" width="30px" title="!!@@!!" class="wcag-fail"/>