WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Styling Radio elements to look like Button element?

for

From: Maraikayar Prem Nawaz
Date: Nov 2, 2014 9:30PM

Thank you guys for the input. So how should the keyboard navigation be?
Because in the same example (
http://getbootstrap.com/javascript/#buttons-checkbox-radio) , checkboxes
are styled as button and next same visual effect but with radio buttons.
To make it consistent, should it be tab +shift tab as it appears as buttons
or should it be arrow key navigation, as it appears in ARIA widgets or in
Radio buttons?
Yes Bryan, noted your point about aria-checked state.


On Sat, Nov 1, 2014 at 11:36 PM, Bryan Garaventa <
<EMAIL REMOVED> > wrote:

> Just a quick note, it's the checked state you want to convey with radios,
> not selected. This is often misimplemented for ARIA roles
> such as 'radio', where aria-selected is used instead of aria-checked,
> which is what it should be. The use of aria-selected is not
> valid on role=radio.
>
> Live demo:
>
> http://whatsock.com/tsg/Coding%20Arena/ARIA%20Radio%20Buttons/ARIA%20Radio%20Buttons/demo.htm
>
>