WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Struggling with this one.


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:


Ben Morrison