WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Struggling with this one.

for

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

From: Brady.Pierzchalski
Date: Thu, Jan 10 2008 8:00AM
Subject: Struggling with this one.
No previous message | Next message →

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?

Thanks for any advice in advance.



Cheers,

Brady

CONFIDENTIALITY NOTICE:
This is a transmission from Kohl's Department Stores, Inc.
and may contain information which is confidential and proprietary.
If you are not the addressee, any disclosure, copying or distribution or use of the contents of this message is expressly prohibited.
If you have received this transmission in error, please destroy it and notify us immediately at 262-703-7000.

CAUTION:
Internet and e-mail communications are Kohl's property and Kohl's reserves the right to retrieve and read any message created, sent and received. Kohl's reserves the right to monitor messages by authorized Kohl's Associates at any time
without any further consent.

From: ben morrison
Date: Thu, Jan 10 2008 8:10AM
Subject: Re: Struggling with this one.
← Previous message | No next message

On Jan 10, 2008 2:57 PM, < = EMAIL ADDRESS 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