WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Code review please

for

From: Ryan E. Benson
Date: Aug 8, 2017 11:31PM

The values in the attributes must be the same yourname is different than
Yourname. So The label cannot find the yourname form field, and the form
field cannot find a label for Yourname.

--
Ryan E. Benson

On Wed, Aug 9, 2017 at 1:21 AM, karthik k < <EMAIL REMOVED> > wrote:

> Hi all,
>
> I am testing a webpage, as a screen reader, i am not finding any
> issues with this form. but when i ran AXE, it says "all form fields
> are violations"
> pasting the code below. Please help!
>
> <!doctype html>
> <html lang="en">
> <title> submit request </title>
> <form>
> <label for="yourname">your name</label>
> <input type="text" name="Yourname"><br>
> <label for="emailid">Email id</label>
> <input type="text" name="emailid">
> <label for="country/province">Country/province</label>
> <select name="country/province">
> <option value="India">India</option>
> <option value="America">America</option>
> <option value="Japan">Japan</option>
> <option value="China">China</option>
> </select>
> Select the required service
> <label for="cloud">Cloud services</label>
> <input type="checkbox" name="service1" value="Cloud"> Cloud services<br>
> <label for="security">Security practices </label>
> <input type="checkbox" name="service2"value="Security"> Security
> practices <br>
> <label for="network">Digital network architecture</label>
> <input type="checkbox" name="service3"value="Network"> Digital
> network architecture <br>
> <label for="collaberation">Collaberative services</label>
> <input type="checkbox" name="service4"value="Collaberation">
> Collaberative services <br>
> Message:
> <label for="query">Got any query?</label>
> <textarea name='comment' id='comment'></textarea><br />
> <input type="submit" >
> </form>
>
>
>
> --
>
> thanks and regards,
> Karthik K
> Phone, +919060989650
> > > > >