WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Styling Radio elements to look like Button element?

for

From: Jesse Hausler
Date: Oct 31, 2014 3:19PM


I haven't looked at your code, but we've styled radio buttons to look like
big buttons and things like that.

Sometimes we'll place the real <input type="radio"> off screen and wrap an
associated label around the click target. That way when a user clicks on
it, the radio is triggered.

We'll usually use an anchor with javascript to trigger the radio with a
keyboard.

Jesse



On Thu, Oct 30, 2014 at 9:41 PM, Maraikayar Prem Nawaz < <EMAIL REMOVED> >
wrote:

> Greetings,
>
> One of the Collaborator of Bootstrap plugin says
> "Folks wanted easy to use form-based components, but with the style of our
> bootstrap buttons, so we gave it to them in an easy to implement way."
> https://github.com/twbs/bootstrap/issues/14635#issuecomment-55935879
>
>
> This is example link which talks about functional "radio" button groups.
>
> http://getbootstrap.com/javascript/#buttons-checkbox-radio
>
> What do you think of styling Radio Button to look exactly like Button? I'm
> not sure about the use case for this example.
>
>
>
> Thanks
> -Nawaz
> > > >