WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Code review please

for

From: Jonathan Cohn
Date: Aug 9, 2017 7:04AM

You need id attribute for each of your input tags. E.G.space id="emailid"
On Wed, Aug 9, 2017 at 3:16 AM karthik k < <EMAIL REMOVED> > wrote:

> that could be one of the reasons, but there was no id attribute. we
> have added it now
>
> On 8/9/17, Ryan E. Benson < <EMAIL REMOVED> > wrote:
> > 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
> >> > >> > >> > >> > >>
> > > > > > > > > >
>
>
> --
>
> thanks and regards,
> Karthik K
> Phone, +919060989650
> > > > >