Which one is better of accessibility or most highly recommended in this situation?
You have a literature request form where the user can select the different brochures they want.
Do you have a big list of checkboxes or one list box?
| SitePoint Sponsor |
Which one is better of accessibility or most highly recommended in this situation?
You have a literature request form where the user can select the different brochures they want.
Do you have a big list of checkboxes or one list box?
Check out my Movie Trailers website - Popcorn Trailers
the checkboxes without a doubt
Checkboxes. Almost everyone has to add a blurb like "use your CTRL key to make multiple selections" when using a select-multiple, because otherwise nobody would ever think to make more than one choice. Checkboxes are more intuitive.
Checkboxes are much better!
Sara




But checkboxes are such a PITA if you want to select consecutive parts of the list. But I also agree with what was said here already.
Martin Pernecky
Ok, Staying a Checkboxes I quess.
Thanks guys
sap
Check out my Movie Trailers website - Popcorn Trailers
there is currently no way to select non-consecutive options in a multiple select via the keyboard, so it's fundamentally inaccessible; additionally, the expected behaviour of a dropdown in any other situation (not just on the web, but applications/OS as well) is to allow the user to select a single option out of a list, so it's counter-intuitive and therefore sports bad usability.
in short, multiple checkboxes, hands down.
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
WaSP Accessibility Task Force Member
splintered.co.uk | photographia.co.uk | redux.deviantart.com



Multiple checkboxes grouped together with a "Select all in this group" checkbox for a compromise.
And maybe an "Invert selection" for good measure.
Of course, that's just my opinion. I could be wrong.



I'd go for checkboxes too. even if a lot of things will probably be checked, you should use checkboxes, but then simply check them by default.
W




Checkboxes is best for ordinary users.
Multiple selection boxes on the other hand are way better for admin systems or web software where the users will be expected to learn how to use it. That way they can take advantage of the shortcut keys like Ctrl and Shift.


I asked myself this question last week. I had to either use one or the other to list 26 options. Even though the checkboxes required much more space on the page, I still prefer them.
I completely agree with Vinnie, checkboxes would be my definate choice.
Checkboxes with "clickable" labels! God how annoying it is when they're not!
http://www.johandahlstrom.se
Not rebootin' on November 1st! (but shortly after)
flickr

Let me be the first to say Checkboxes!
Originally Posted by sappo
Checkboxes
If it's really a large list (more than 10 choices) then separate and format the lists by category - and follow Brownstone's note about select all (use a radio button so that it selects and de-selects)l
Products - ( ) select all
[] [] [] [] []
[] [] [] [] []
[] [] [] [] []
Services - ( ) select all
[] [] [] [] []
[] [] [] [] []
[] [] [] [] []
Porn - ( ) select all
[] [] [] [] []
[] [] [] [] []
[] [] [] [] []





I'd say that checkboxes are all together easier to use and more accessible.



Hmm..
I wonder if you would be able to code something in javascript similar to windows desktop where you can click and drag your cusor and select multiple items on your desktop...
(Mac may have it too, but I don't have much experience with them)
Hold down CTRL while moving, and SPACE to select. Well, in Firefox at least...Originally Posted by redux
Simon Pieters




Correct. Sometimes a multiple select box will work better than checkboxes
Chris, Programmer/Developer, Chrisranjana.com
Chennai, Tamil Nadu, India.
Software Company. Php Web developers
ah, interesting - surprised it's not documented, even in the help files. and it still remains inaccessible in other browsers.Originally Posted by zcorpan
![]()
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
WaSP Accessibility Task Force Member
splintered.co.uk | photographia.co.uk | redux.deviantart.com
I would use checkboxes in all but the most extreme situations (eg.: 100+ options). Even then, it's probably best to categorize them and maybe offer options to dynamically expand and collapse visual categories via DHTML.
Checkboxes just plain work for people. It always amazes me how people take the slow way with selecting files in Windows Explorer -- these are the same people who will have a frustrating time with a multiple-select system.



Clickable labels are great! I didnt know how to do this, but I found this. That one's a bit messy tho. Does anyone know an article on how to do this putting all the javascript on an external file?Originally Posted by Johan Dahlström
I'm not very good with javascript, but it'd be awesome to have a script look for all the checkboxes in a page, and make each <label for="checkbox23"> toggle the respective checkbox!
Duarte Carrilho da Graça
RailsHelp.com: Searchable Rails reference
CACA: Committee for the Annihilation of Complicated Acronyms




I'd say checkboxes. Some people struggle with co-ordination when told to hold keys on the keyword and click the mouse at once, especiallg inexperienced users. My mum struggles to just click on an icon most of the time, never mind find a ctrl key, hold it, click, move, click, move, click move. So if your considering accessibility in the descision, its got to be checkboxes.
For normal user, checkbox is preferable.
Bz, the user should know "Ctrl+LftClk".
But, we used Multiple Select in our application.
Bz, we are using 3 different Multiple Selects in our application.
We placed a note by specifying selection process.
why use javascript? why not code it in the HTML, as it should be?Originally Posted by lirux
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
WaSP Accessibility Task Force Member
splintered.co.uk | photographia.co.uk | redux.deviantart.com
Bookmarks