Toggle Buttons

Get the book!

The
Inclusive Components book is now available, with
updated and improved content and demos.

Some things are either on or off and, when those things aren’t on
(or off), they are invariably off (or on). The concept is so rudimentary
that I’ve only complicated it by trying to explain it, yet on/off
switches (or toggle buttons) are not all alike. Although their purpose
is simple, their applications and forms vary greatly.

In this inaugural post, I’ll be exploring what it takes to make
toggle buttons inclusive. As with any component, there’s no one way to
go about this, especially when such controls are examined under
different contexts. However, there’s certainly plenty to forget to do or
to otherwise screw up, so let’s try to avoid any of that.

Changing state

If a web application did not change according to the instructions of
its user, the resulting experience would be altogether unsatisfactory.
Nevertheless, the luxury of being able to make web documents augment
themselves instantaneously, without recourse to a page refresh, has not
always been present.

Unfortunately, somewhere along the way we decided that accessible [...]

Read article at inclusive-components.design

Article Taxonomies

Categories:
Fatal error: Uncaught Error: Object of class WP_Error could not be converted to string in /home/webable/www/www/wp-content/themes/webable/content-mcm.php:65 Stack trace: #0 /home/webable/www/www/wp-includes/template.php(812): require() #1 /home/webable/www/www/wp-includes/template.php(745): load_template('/home/webable/w...', false, Array) #2 /home/webable/www/www/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #3 /home/webable/www/www/wp-content/themes/webable/single-mcm_article.php(15): get_template_part('content-mcm') #4 /home/webable/www/www/wp-includes/template-loader.php(106): include('/home/webable/w...') #5 /home/webable/www/www/wp-blog-header.php(19): require_once('/home/webable/w...') #6 /home/webable/www/www/index.php(17): require('/home/webable/w...') #7 {main} thrown in /home/webable/www/www/wp-content/themes/webable/content-mcm.php on line 65