WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Form element inside a UL

for

Number of posts in this thread: 2 (In chronological order)

From: ben morrison
Date: Mon, Jun 13 2005 5:51AM
Subject: Form element inside a UL
No previous message | Next message →

Ive just started a new project and have a <ul> list as my first group
of navigational elements.

This also includes a search:

<ul id="header">
<li class="logoLink"><a href="#"><img src="logo-sm.gif" alt="logo
text here"></a></li>
<li class="viewOptions"><a href="#">Viewing options</a></li>
<li><a href="#">Help</a></li>
<li><form action="" class="searchBox">
<label for="search">Search</label>
<input type="text" name="search" id="search">
<input type"submit" class="submit" value="Go">
</form></li>
<li><a href="#">Sitemap</a></li>
<li class="contactUs"><a href="#">Contact us</a></li>
</ul>

This appears as a top panel, it made sense to group them together but
would this be difficult to use having a form (albeit a simple search)
inside of an unordered list?

ben morrison




From: Terrence Wood
Date: Mon, Jun 13 2005 5:07PM
Subject: Re: Form element inside a UL
← Previous message | No next message

I should think not.

However, I could argue that the search box should be in the top right
of the page, or that is is more important than 'viewing options' and
should appear first in the list.

regards
Terrence Wood.

On 13 Jun 2005, at 11:52 PM, ben morrison wrote:

> Ive just started a new project and have a <ul> list as my first group
> of navigational elements.
>
> This also includes a search:
>
> <ul id="header">
> <li class="logoLink"><a href="#"><img src="logo-sm.gif" alt="logo
> text here"></a></li>
> <li class="viewOptions"><a href="#">Viewing options</a></li>
> <li><a href="#">Help</a></li>
> <li><form action="" class="searchBox">
> <label for="search">Search</label>
> <input type="text" name="search" id="search">
> <input type"submit" class="submit" value="Go">
> </form></li>
> <li><a href="#">Sitemap</a></li>
> <li class="contactUs"><a href="#">Contact us</a></li>
> </ul>
>
> This appears as a top panel, it made sense to group them together but
> would this be difficult to use having a form (albeit a simple search)
> inside of an unordered list?
>
> ben morrison
>