WebAIM - Web Accessibility In Mind

E-mail List Archives

Visual Styling of Radio Buttons, Checkboxes

for

From: Jeremiah Rogers
Date: Dec 1, 2016 8:58AM

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