E-mail List Archives
Usage of <ul> <li> to form elements which is violating accessibility guidelines
From: jyothi gogireddy
Date: Nov 6, 2013 4:41AM
- Next message: Patrick H. Lauke: "Re: Form submission via enter key?"
- Previous message: Nathalie Sequeira: "Re: Form submission via enter key?"
- Next message in Thread: Ryan E. Benson: "Re: Usage of
- to form elements which is violating accessibility guidelines"
- Previous message in Thread: None
- View all messages in this Thread
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: Patrick H. Lauke: "Re: Form submission via enter key?"
- Previous message: Nathalie Sequeira: "Re: Form submission via enter key?"
- Next message in Thread: Ryan E. Benson: "Re: Usage of
- to form elements which is violating accessibility guidelines"
- Previous message in Thread: None
- View all messages in this Thread