E-mail List Archives
Re: Usage of <ul> <li> to form elements which is violating accessibility guidelines
From: Ryan E. Benson
Date: Nov 7, 2013 10:00PM
- Next message: Jennison Asuncion: "Way finding s/w and accessibility"
- Previous message: jyothi gogireddy: "Re: Usage of title attribute or hidden label"
- Next message in Thread: Karl Groves: "Re: Usage of
- to form elements which is violating accessibility guidelines"
- Previous message in Thread: jyothi gogireddy: "Usage of
- to form elements which is violating accessibility guidelines"
- View all messages in this Thread
You are getting that error because a label tag needs a for attribute which
points to a valid ID. Why can't a Select with CSS work?
<label for="time">Time</label>
<select style="width:50%" id="time">
<option value="" title="01:00">01:00</option>
<option value="" title="02:00">02:00</option>
<option value="" title="03:00">03:00</option>
</select>
--
Ryan E. Benson
On Wed, Nov 6, 2013 at 6:41 AM, jyothi gogireddy <
<EMAIL REMOVED> > wrote:
> Hi All,
>
> I have an issue wherein I have the below scenario, calling for an
> alternative solution to solve this. Appreciate for the solution provided
> and thanks in advance.
>
> All dropdown elements in a page are coded in <ul> <li> so as to make the
> page responsive and the usage of <ul> <li> is violating the accessibility
> guidelines in terms of associating "for" and "id" of the form elements.
> Please find the below code for a better understanding. I have been
> researching on this and unable to find a solution.
>
> <label>Time</label>
> <ulclass="listdropdown">
> <li>
> <spanclass="xyz">Select</span>
> <ulclass="ysa">
> <liclass="ersd"><atitle="Time"href="#">Select</a></li>
> <li><atitle="time 00:00"href="#">00:00</a></li>
> <li><atitle="time 01:00"href="#">01:00</a></li>
> <li><atitle="time 02:00"href="#">02:00</a></li>
> <li><atitle="time 03:00"href="#">03:00</a></li>
> <li><atitle="time 04:00"href="#">04:00</a></li>
> <li><atitle="time 05:00"href="#">05:00</a></li>
> </ul>
> </li>
> </ul>
>
> Regards,
> Jyothi
> Accessibility Consultant
> > > >
- Next message: Jennison Asuncion: "Way finding s/w and accessibility"
- Previous message: jyothi gogireddy: "Re: Usage of title attribute or hidden label"
- Next message in Thread: Karl Groves: "Re: Usage of
- to form elements which is violating accessibility guidelines"
- Previous message in Thread: jyothi gogireddy: "Usage of
- to form elements which is violating accessibility guidelines"
- View all messages in this Thread