{"id":1748,"date":"2023-12-09T08:06:26","date_gmt":"2023-12-09T08:06:26","guid":{"rendered":"https:\/\/rushfordgatheringspace.com\/?p=1748"},"modified":"2023-12-09T08:06:26","modified_gmt":"2023-12-09T08:06:26","slug":"best-practices-for-making-accessible-toggles","status":"publish","type":"post","link":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/","title":{"rendered":"Best Practices for Making Accessible Toggles"},"content":{"rendered":"<div class=\"post-content\"><p><img decoding=\"async\" align=\"left\" style=\"margin:0px 10px; height:auto; max-height:370px; max-width:38%; width:auto;\" src=\"https:\/\/i.imgur.com\/xnFkd6K.jpg\" alt=\"Togle\"> <\/p>\n<p>Toggle \u2014 or toggle switch if you prefer \u2014 is one of the most heavily used and widely recognizable icons in modern interface design. You see them in every screen type from chat windows to tabs and even videogame controls. But despite their ubiquitous presence they are often made inaccessible, either through lack of semantic markup or through poor visual design. This article explores some best practices for creating an accessible toggle that works as intended and aims to make this essential design element more recognizable, usable and intuitive.<\/p>\n<p>When a toggle is correctly configured it should clearly communicate what setting, view or content the button affects. Ideally this is communicated through an icon that makes it visually clear what the toggles current state is. However, if this is not possible or the icon does not convey enough information there are other ways to signal what the toggle currently is, such as color or font size.<\/p>\n<p>In a recent experiment we tested toggles with varying text size differences to see what impact it would have on perception. The toggle with the smallest difference performed best with an error rate of 3.5% and a confidence score of 0.63, while the one with the largest difference was perceived as inactive with a much higher error rate (8.8%) and lower confidence score (0.41).<\/p>\n<p>Generally speaking it\u2019s good practice to test the feature toggle configuration that will be live in production, but it\u2019s also important to test any fallback or back-out toggle configurations flipped Off. This allows teams to avoid surprise regressions in future releases and provides a way to validate that they\u2019re deploying the right behavior to the correct users. This kind of toggle configuration management can range from very simple approaches like commenting out specific lines of code through to more sophisticated ways of dynamically re-configuring specific service instances, such as by using a preprocessor\u2019s #ifdef.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Toggle \u2014 or toggle switch if you prefer \u2014 is<a href=\"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/\">Read More<i class=\"fa fa-long-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1748","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Best Practices for Making Accessible Toggles - Read the Most Popular News About Online Gambling Below<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Practices for Making Accessible Toggles - Read the Most Popular News About Online Gambling Below\" \/>\n<meta property=\"og:description\" content=\"Toggle \u2014 or toggle switch if you prefer \u2014 isRead More\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/\" \/>\n<meta property=\"og:site_name\" content=\"Read the Most Popular News About Online Gambling Below\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-09T08:06:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.imgur.com\/xnFkd6K.jpg\" \/>\n<meta name=\"author\" content=\"adminrush\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"adminrush\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/\"},\"author\":{\"name\":\"adminrush\",\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/#\\\/schema\\\/person\\\/090e2c4b9b9301299ece0124d1da19b2\"},\"headline\":\"Best Practices for Making Accessible Toggles\",\"datePublished\":\"2023-12-09T08:06:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/\"},\"wordCount\":318,\"image\":{\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i.imgur.com\\\/xnFkd6K.jpg\",\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/\",\"url\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/\",\"name\":\"Best Practices for Making Accessible Toggles - Read the Most Popular News About Online Gambling Below\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i.imgur.com\\\/xnFkd6K.jpg\",\"datePublished\":\"2023-12-09T08:06:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/#\\\/schema\\\/person\\\/090e2c4b9b9301299ece0124d1da19b2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i.imgur.com\\\/xnFkd6K.jpg\",\"contentUrl\":\"https:\\\/\\\/i.imgur.com\\\/xnFkd6K.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/2023\\\/12\\\/09\\\/best-practices-for-making-accessible-toggles\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Practices for Making Accessible Toggles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/#website\",\"url\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/\",\"name\":\"Read the Most Popular News About Online Gambling Below\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/#\\\/schema\\\/person\\\/090e2c4b9b9301299ece0124d1da19b2\",\"name\":\"adminrush\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2e6951b68561a53a4644eb70f84e3cd65fb898784c96cc0d42471e383c35c81e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2e6951b68561a53a4644eb70f84e3cd65fb898784c96cc0d42471e383c35c81e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2e6951b68561a53a4644eb70f84e3cd65fb898784c96cc0d42471e383c35c81e?s=96&d=mm&r=g\",\"caption\":\"adminrush\"},\"sameAs\":[\"https:\\\/\\\/rushfordgatheringspace.com\"],\"url\":\"https:\\\/\\\/rushfordgatheringspace.com\\\/index.php\\\/author\\\/adminrush\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Best Practices for Making Accessible Toggles - Read the Most Popular News About Online Gambling Below","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/","og_locale":"en_US","og_type":"article","og_title":"Best Practices for Making Accessible Toggles - Read the Most Popular News About Online Gambling Below","og_description":"Toggle \u2014 or toggle switch if you prefer \u2014 isRead More","og_url":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/","og_site_name":"Read the Most Popular News About Online Gambling Below","article_published_time":"2023-12-09T08:06:26+00:00","og_image":[{"url":"https:\/\/i.imgur.com\/xnFkd6K.jpg","type":"","width":"","height":""}],"author":"adminrush","twitter_card":"summary_large_image","twitter_misc":{"Written by":"adminrush","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/#article","isPartOf":{"@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/"},"author":{"name":"adminrush","@id":"https:\/\/rushfordgatheringspace.com\/#\/schema\/person\/090e2c4b9b9301299ece0124d1da19b2"},"headline":"Best Practices for Making Accessible Toggles","datePublished":"2023-12-09T08:06:26+00:00","mainEntityOfPage":{"@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/"},"wordCount":318,"image":{"@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/#primaryimage"},"thumbnailUrl":"https:\/\/i.imgur.com\/xnFkd6K.jpg","inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/","url":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/","name":"Best Practices for Making Accessible Toggles - Read the Most Popular News About Online Gambling Below","isPartOf":{"@id":"https:\/\/rushfordgatheringspace.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/#primaryimage"},"image":{"@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/#primaryimage"},"thumbnailUrl":"https:\/\/i.imgur.com\/xnFkd6K.jpg","datePublished":"2023-12-09T08:06:26+00:00","author":{"@id":"https:\/\/rushfordgatheringspace.com\/#\/schema\/person\/090e2c4b9b9301299ece0124d1da19b2"},"breadcrumb":{"@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/#primaryimage","url":"https:\/\/i.imgur.com\/xnFkd6K.jpg","contentUrl":"https:\/\/i.imgur.com\/xnFkd6K.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/rushfordgatheringspace.com\/index.php\/2023\/12\/09\/best-practices-for-making-accessible-toggles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rushfordgatheringspace.com\/"},{"@type":"ListItem","position":2,"name":"Best Practices for Making Accessible Toggles"}]},{"@type":"WebSite","@id":"https:\/\/rushfordgatheringspace.com\/#website","url":"https:\/\/rushfordgatheringspace.com\/","name":"Read the Most Popular News About Online Gambling Below","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rushfordgatheringspace.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rushfordgatheringspace.com\/#\/schema\/person\/090e2c4b9b9301299ece0124d1da19b2","name":"adminrush","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/2e6951b68561a53a4644eb70f84e3cd65fb898784c96cc0d42471e383c35c81e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2e6951b68561a53a4644eb70f84e3cd65fb898784c96cc0d42471e383c35c81e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2e6951b68561a53a4644eb70f84e3cd65fb898784c96cc0d42471e383c35c81e?s=96&d=mm&r=g","caption":"adminrush"},"sameAs":["https:\/\/rushfordgatheringspace.com"],"url":"https:\/\/rushfordgatheringspace.com\/index.php\/author\/adminrush\/"}]}},"_links":{"self":[{"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/posts\/1748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/comments?post=1748"}],"version-history":[{"count":1,"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/posts\/1748\/revisions"}],"predecessor-version":[{"id":1749,"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/posts\/1748\/revisions\/1749"}],"wp:attachment":[{"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/media?parent=1748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/categories?post=1748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rushfordgatheringspace.com\/index.php\/wp-json\/wp\/v2\/tags?post=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}