E-mail List Archives

You are here: Home > Community > E-mail List Archives > View Thread

Thread: Products with multiple color selection

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

From: Sowmya D C
Date: Mon, Jan 15 2024 12:24AM
Subject: Products with multiple color selection
No previous message | Next message →

Hi folks,

Need suggestion for below scenario -

When I browse a shopping app and go to the product description screen,
products will be available in multiple colours. Users can only select one
colour at a time and these are all buttons. Whichever control is selected
is highlighted to the sighted user therefore I have asked for a selected
state announcement for the highlighted control. When a user selects any
different colour, the previous one will be unselected and the current one
will be highlighted and announced as selected. Do we need an unselected
state for other controls as well, whichever is in the unselected state?

My personal view on this is, since we can select one colour it is easily
understandable by users others will be in unselected state. is it necessary
to provide an unselected state for other controls as well?

Thanks in advance!

From: Dean.Vasile@outlook.com
Date: Mon, Jan 15 2024 4:08AM
Subject: Re: Products with multiple color selection
← Previous message | Next message →

In the context of selecting colors on a shopping app, having an unselected state for other controls may not be necessary. Users often infer that selecting one option implies the others are unselected, especially in scenarios where only one choice is allowed at a time. This can contribute to a more streamlined and user-friendly experience.
Dean Vasile

617-799-1162

> On Jan 15, 2024, at 2:25â¯AM, Sowmya D C < = EMAIL ADDRESS REMOVED = > wrote:
>
> Hi folks,
>
>
>
> Need suggestion for below scenario -
>
>
>
> When I browse a shopping app and go to the product description screen,
> products will be available in multiple colours. Users can only select one
> colour at a time and these are all buttons. Whichever control is selected
> is highlighted to the sighted user therefore I have asked for a selected
> state announcement for the highlighted control. When a user selects any
> different colour, the previous one will be unselected and the current one
> will be highlighted and announced as selected. Do we need an unselected
> state for other controls as well, whichever is in the unselected state?
>
> My personal view on this is, since we can select one colour it is easily
> understandable by users others will be in unselected state. is it necessary
> to provide an unselected state for other controls as well?
>
>
>
> Thanks in advance!

From: tim.harshbarger@deque.com
Date: Mon, Jan 15 2024 8:13AM
Subject: Re: Products with multiple color selection
← Previous message | Next message →

It isn't always necessary, but it is not problematic if that information is reported.

Some screen readers report whether or not a radio button is selected or not selected. Some of the same screen readers may only report which item is selected in a listbox. I have also seen interfaces where multiple items could be selected and only the state of the selected items was reported. So as long as the selected option is reported, it probably is less important whether or not the unselected items report their state.

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of = EMAIL ADDRESS REMOVED =
Sent: Monday, January 15, 2024 5:09 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Products with multiple color selection

In the context of selecting colors on a shopping app, having an unselected state for other controls may not be necessary. Users often infer that selecting one option implies the others are unselected, especially in scenarios where only one choice is allowed at a time. This can contribute to a more streamlined and user-friendly experience.
Dean Vasile

617-799-1162

> On Jan 15, 2024, at 2:25â¯AM, Sowmya D C < = EMAIL ADDRESS REMOVED = > wrote:
>
> Hi folks,
>
>
>
> Need suggestion for below scenario -
>
>
>
> When I browse a shopping app and go to the product description screen,
> products will be available in multiple colours. Users can only select
> one colour at a time and these are all buttons. Whichever control is
> selected is highlighted to the sighted user therefore I have asked for
> a selected state announcement for the highlighted control. When a user
> selects any different colour, the previous one will be unselected and
> the current one will be highlighted and announced as selected. Do we
> need an unselected state for other controls as well, whichever is in the unselected state?
>
> My personal view on this is, since we can select one colour it is
> easily understandable by users others will be in unselected state. is
> it necessary to provide an unselected state for other controls as well?
>
>
>
> Thanks in advance!

From: Sowmya D C
Date: Mon, Jan 15 2024 10:59AM
Subject: Re: Products with multiple color selection
← Previous message | Next message →

Thanks for the response, that helps a lot!

On Mon, Jan 15, 2024 at 8:43â¯PM < = EMAIL ADDRESS REMOVED = > wrote:

> It isn't always necessary, but it is not problematic if that information
> is reported.
>
> Some screen readers report whether or not a radio button is selected or
> not selected. Some of the same screen readers may only report which item is
> selected in a listbox. I have also seen interfaces where multiple items
> could be selected and only the state of the selected items was reported. So
> as long as the selected option is reported, it probably is less important
> whether or not the unselected items report their state.
>
> -----Original Message-----
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of
> = EMAIL ADDRESS REMOVED =
> Sent: Monday, January 15, 2024 5:09 AM
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
> Subject: Re: [WebAIM] Products with multiple color selection
>
> In the context of selecting colors on a shopping app, having an unselected
> state for other controls may not be necessary. Users often infer that
> selecting one option implies the others are unselected, especially in
> scenarios where only one choice is allowed at a time. This can contribute
> to a more streamlined and user-friendly experience.
> Dean Vasile
>
>
> 617-799-1162
>
> > On Jan 15, 2024, at 2:25â¯AM, Sowmya D C < = EMAIL ADDRESS REMOVED = > wrote:
> >
> > Hi folks,
> >
> >
> >
> > Need suggestion for below scenario -
> >
> >
> >
> > When I browse a shopping app and go to the product description screen,
> > products will be available in multiple colours. Users can only select
> > one colour at a time and these are all buttons. Whichever control is
> > selected is highlighted to the sighted user therefore I have asked for
> > a selected state announcement for the highlighted control. When a user
> > selects any different colour, the previous one will be unselected and
> > the current one will be highlighted and announced as selected. Do we
> > need an unselected state for other controls as well, whichever is in the
> unselected state?
> >
> > My personal view on this is, since we can select one colour it is
> > easily understandable by users others will be in unselected state. is
> > it necessary to provide an unselected state for other controls as well?
> >
> >
> >
> > Thanks in advance!
> > > at http://webaim.org/discussion/archives
> >
> > > > >

From: jeffgutsell@fuse.net
Date: Wed, Jan 17 2024 10:08AM
Subject: Re: Products with multiple color selection
← Previous message | No next message

Radio buttons also get treated as a group so that screen readers announce the total number of options and the index of the current item.

Jeff Gutsell

From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Kevin Prince
Sent: Tuesday, January 16, 2024 9:23 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Products with multiple color selection

I agree here - use a radio button fieldset and you get the selected unselected behaviour for free.

K

Kevin Prince

Product Accessibility & Usability Consultant

Foster Moore

A Teranet Company

E <mailto: = EMAIL ADDRESS REMOVED = > = EMAIL ADDRESS REMOVED =

Christchurch

<http://www.fostermoore.com/>; fostermoore.com

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = > > On Behalf Of Sowmya D C
Sent: Tuesday, January 16, 2024 6:59 AM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = > >
Subject: Re: [WebAIM] Products with multiple color selection

[You don't often get email from = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = > . Learn why this is important at https://aka.ms/LearnAboutSenderIdentification ]

CAUTION: This email originated from outside of the organization.

Thanks for the response, that helps a lot!

On Mon, Jan 15, 2024 at 8:43â¯PM < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = > > wrote:

> It isn't always necessary, but it is not problematic if that
> information is reported.
>
> Some screen readers report whether or not a radio button is selected
> or not selected. Some of the same screen readers may only report which
> item is selected in a listbox. I have also seen interfaces where
> multiple items could be selected and only the state of the selected
> items was reported. So as long as the selected option is reported, it
> probably is less important whether or not the unselected items report their state.
>
> -----Original Message-----
> From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = > > On Behalf Of
> = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = >
> Sent: Monday, January 15, 2024 5:09 AM
> To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = > >
> Subject: Re: [WebAIM] Products with multiple color selection
>
> In the context of selecting colors on a shopping app, having an
> unselected state for other controls may not be necessary. Users often
> infer that selecting one option implies the others are unselected,
> especially in scenarios where only one choice is allowed at a time.
> This can contribute to a more streamlined and user-friendly experience.
> Dean Vasile
>
>
> 617-799-1162
>
> > On Jan 15, 2024, at 2:25â¯AM, Sowmya D C < = EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = > > wrote:
> >
> > Hi folks,
> >
> >
> >
> > Need suggestion for below scenario -
> >
> >
> >
> > When I browse a shopping app and go to the product description
> > screen, products will be available in multiple colours. Users can
> > only select one colour at a time and these are all buttons.
> > Whichever control is selected is highlighted to the sighted user
> > therefore I have asked for a selected state announcement for the
> > highlighted control. When a user selects any different colour, the
> > previous one will be unselected and the current one will be
> > highlighted and announced as selected. Do we need an unselected
> > state for other controls as well, whichever is in the
> unselected state?
> >
> > My personal view on this is, since we can select one colour it is
> > easily understandable by users others will be in unselected state.
> > is it necessary to provide an unselected state for other controls as well?
> >
> >
> >
> > Thanks in advance!
> > > http://list/. <http://list/>;
> webaim.org%2F&data%7C02%7Ckevin.prince%40fostermoore.com%7Cb105b6b1
> 3a4345827f3e08dc15f3b50f%7Cb227fb96cd1e479f8a43b1a2a422e0c2%7C0%7C0%7C
> 638409383675131940%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjo
> iV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C83000%7C%7C%7C&sdata=TVgTKMs
> 77x%2FVgiipShm44Yi5N9N34q33SWV96%2B21j90%3D&reserved=0 List archives
> at
> http://webai/
> m.org%2Fdiscussion%2Farchives&data%7C02%7Ckevin.prince%40fostermoor
> e.com%7Cb105b6b13a4345827f3e08dc15f3b50f%7Cb227fb96cd1e479f8a43b1a2a42
> 2e0c2%7C0%7C0%7C638409383675131940%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4
> wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C83000%7C%7C%
> 7C&sdata=fijGuhUIrEsbnAZLNceE7c9vQQM7has%2By9rcu9I8%2FNY%3D&reserved=0
> >
> > > http://list/. <http://list/>;
> webaim.org%2F&data%7C02%7Ckevin.prince%40fostermoore.com%7Cb105b6b1
> 3a4345827f3e08dc15f3b50f%7Cb227fb96cd1e479f8a43b1a2a422e0c2%7C0%7C0%7C
> 638409383675131940%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjo
> iV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C83000%7C%7C%7C&sdata=TVgTKMs
> 77x%2FVgiipShm44Yi5N9N34q33SWV96%2B21j90%3D&reserved=0
> List archives at
> http://webai/
> m.org%2Fdiscussion%2Farchives&data%7C02%7Ckevin.prince%40fostermoor
> e.com%7Cb105b6b13a4345827f3e08dc15f3b50f%7Cb227fb96cd1e479f8a43b1a2a42
> 2e0c2%7C0%7C0%7C638409383675131940%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4
> wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C83000%7C%7C%
> 7C&sdata=fijGuhUIrEsbnAZLNceE7c9vQQM7has%2By9rcu9I8%2FNY%3D&reserved=0
> >