WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Struggling with this one.

for

From: ben morrison
Date: Jan 10, 2008 8:10AM

On Jan 10, 2008 2:57 PM, < <EMAIL REMOVED> > wrote:
> Hello!
>
> I need to display sizes & colors for a apparel item like a pair of pants.
> Originally I had the sizes in a list, but I can't pass any sizes/variable
> to the e-commerce store without JavaScript when using a list. So I'm
> trying to use form tags.
> The catch is that I need to be able to style the sizes options to make
> them look the way I want. I also need to do this for the different colors
> the shirt comes in. An example of what I'm trying to accomplish can be
> viewed here.
>
> http://www.kohls.com/kohlsStore/mens/bigandtall/pants/PRD~183560/Lee+Flat+Front+Performance+Khakis++Big++Tall.jsp
>
> What's the proper accessible way to make the sizes and colors so they can
> be visual styled correctly and accessible?

Use a <select> for the colour and sizes, and using unobtrusive JS you
can style it as you want.

This could get you started in the right direction:
http://www.wait-till-i.com/2007/03/17/unobtrusive-connected-select-boxes-yet-another-solution-approach/

ben

--
Ben Morrison
http://www.benjaminmorrison.com