WebAIM - Web Accessibility In Mind

E-mail List Archives

Accessible options for 'select all' options

for

From: D A
Date: Nov 2, 2010 3:18PM

I'm trying to find some established design patterns to handle 'select
all' scenarios for long lists of checkboxes.

There seems to be two somewhat standard approaches. One is to use links:

Select: all | none

And the other is to use another checkbox:

[ ] Select All

I can't say I feel strongly about one over the other. I'm also not
sure what the accessibility consequences of one over the other is (or
if there is another option that would be preferred).

In either case, I'm pretty sure 'all' would not suffice as a
descriptor of what one is selected so we'd want to at least provide
more context such as 'select all (options in this list)'.

Thoughts/suggestions?

-DA