WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Products with multiple color selection

for

From: jeffgutsell@fuse.net
Date: Jan 17, 2024 10:08AM

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 REMOVED> > On Behalf Of Kevin Prince
Sent: Tuesday, January 16, 2024 9:23 PM
To: WebAIM Discussion List < <EMAIL 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 REMOVED> > <EMAIL REMOVED>


Christchurch


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


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

[You don't often get email from <EMAIL REMOVED> <mailto: <EMAIL 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 REMOVED> <mailto: <EMAIL 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 REMOVED> <mailto: <EMAIL REMOVED> > > On Behalf Of
> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
> Sent: Monday, January 15, 2024 5:09 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> <mailto: <EMAIL 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 REMOVED> <mailto: <EMAIL 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
> >