WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Visual Styling of Radio Buttons, Checkboxes

for

From: JP Jamous
Date: Dec 1, 2016 10:14AM

I agree to keep the surveys consistent across large and small views. However, if they do not want to use radio button or check boxes on small view, they better add aria-pressed to those buttons. Otherwise, how would I know if the button was checked or not.

That would occur if the small view screen readers are not announcing the status of each button. We face this at work and I always have to remind them of identifying the status of a button.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Birkir R. Gunnarsson
Sent: Thursday, December 1, 2016 10:06 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Visual Styling of Radio Buttons, Checkboxes

You definitely should (because there is a big difference between radiobuttons and checkboxes).
But that is a usability issue, not an accessibility violation (in fact those who rely on the semantics have an advantage knowing that something is a radiobutton or a checkbox).



On 12/1/16, Jeremiah Rogers < <EMAIL REMOVED> > wrote:
> Hi. I've recently come across a survey which contains checkboxes and
> radio buttons. Both are coded using the intended HTML elements, but
> are styled to look like buttons when viewed on a mobile device. A
> result of this design is that, it isn't visually apparent whether
> options are radio buttons or checkboxes. Are sighted keyboard users
> accustomed to maneuvering such quandaries with ease, or should I ask
> the designer to incorporate some elements of checkbox and radio button
> design to better the experience of keyboard users? Thanks!
>
> Jeremiah Rogers
> > > archives at http://webaim.org/discussion/archives
> >


--
Work hard. Have fun. Make history.