{"id":88726,"date":"2021-09-17T11:36:37","date_gmt":"2021-09-17T15:36:37","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=88726"},"modified":"2023-09-13T11:54:55","modified_gmt":"2023-09-13T15:54:55","slug":"accessibility-toolbar","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/","title":{"rendered":"Civic Accessibility Toolbar Drupal Module"},"content":{"rendered":"
\"Civic<\/figure>\n\n\n\n

The Civic Accessibility Toolbar Drupal module adds the ability to easily adjust the color contrast and text size on your website. This is helpful if you have a large number of users with visual disabilities. Users won\u2019t have to learn accessibility features on their browser or device. Instead, they can simply click a button that\u2019s always on your website, regardless of how they\u2019re accessing it.<\/p>\n\n\n\n

Note that this accessibility widget alone doesn\u2019t achieve Drupal Section 508 compliance.<\/p>\n\n\n\n

Using the Civic Accessibility Toolbar Drupal Module\u00a0<\/h2>\n\n\n\n
    \n
  1. Visit <\/a>https:\/\/www.drupal.org\/project\/civic_accessibility_toolbar.<\/li>\n\n\n\n
  2. Log into Drupal and install the accessibility module<\/a> using the tar download link for your Drupal version.<\/li>\n\n\n\n
  3. Click \u201cEnable newly added modules.\u201d<\/li>\n\n\n\n
  4. Under \u201cCivic,\u201d select the checkbox for \u201cCivic Accessibility Toolbar.\u201d<\/li>\n\n\n\n
  5. At the bottom, select \u201cInstall.\u201d<\/li>\n\n\n\n
  6. In the navigation bar, select \u201cStructure\u201d and \u201cBlock layout.\u201d<\/li>\n\n\n\n
  7. Select \u201cPlace block\u201d beside the section you want to embed your accessibility toolbar. We recommend \u201cSidebar first\u201d or \u201cFooter.\u201d<\/li>\n\n\n\n
  8. Select \u201cPlace block\u201d beside \u201cAccessibility Toolbar.\u201d
    \"Place<\/figure><\/li>\n\n\n\n
  9. You can customize the title for the toolbar, text resizing tool, and color contrast switch. You can also hide either tool.
    \"Civic<\/figure><\/li>\n\n\n\n
  10. Once you\u2019re done making adjustments, select \u201cSave block.\u201d<\/li>\n\n\n\n
  11. View your public page to see the accessibility toolbar.<\/li>\n\n\n\n
  12. Test that all functions work properly. The color contrast options should include the default color scheme, blue, black, and a saturated yellow. The text resizing options should be the default font size and two larger options.<\/li>\n<\/ol>\n\n\n\n
    \"Civic<\/figure>\n\n\n\n

    There are many other Drupal accessibility modules such as CKEditor Accessibility Auditor (HTML_CodeSniffer) to ensure anyone can use your website without issues. But remember, accessibility widgets alone do not equal compliance with accessibility standards. If that is your goal, you should read more about Section 508 compliance and Web Content Accessibility Guidelines (WCAG).<\/p>\n\n\n\n

    Find other ways to enhance your website for users with our Drupal Education Channel<\/a>.<\/p>\n\n\n\n

    Ignite your online presence with cutting-edge\u00a0Drupal Website Hosting<\/a>. Elevate speed, security, and reliability for a seamless website experience.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The Civic Accessibility Toolbar Drupal module adds the ability to easily adjust the color contrast and text size on your website. This is helpful if you have a large number of users with visual disabilities. Users won\u2019t have to learn accessibility features on their browser or device. Instead, they can simply click a button that\u2019s Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[372],"tags":[],"class_list":["post-88726","post","type-post","status-publish","format-standard","hentry","category-drupal"],"acf":[],"yoast_head":"\nCivic Accessibility Toolbar Drupal 9 Module | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Learn how to make your website usable to everyone with the Civic Accessibility Toolbar Drupal 9 module.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Civic Accessibility Toolbar Drupal 9 Module | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Learn how to make your website usable to everyone with the Civic Accessibility Toolbar Drupal 9 module.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-17T15:36:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-13T15:54:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"Civic Accessibility Toolbar Drupal Module\",\"datePublished\":\"2021-09-17T15:36:37+00:00\",\"dateModified\":\"2023-09-13T15:54:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/\"},\"wordCount\":333,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar-1024x538.jpg\",\"articleSection\":[\"Drupal\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/\",\"name\":\"Civic Accessibility Toolbar Drupal 9 Module | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar-1024x538.jpg\",\"datePublished\":\"2021-09-17T15:36:37+00:00\",\"dateModified\":\"2023-09-13T15:54:55+00:00\",\"description\":\"Learn how to make your website usable to everyone with the Civic Accessibility Toolbar Drupal 9 module.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Civic Accessibility Toolbar Drupal Module\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Civic Accessibility Toolbar Drupal Module\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Civic Accessibility Toolbar Drupal 9 Module | InMotion Hosting","description":"Learn how to make your website usable to everyone with the Civic Accessibility Toolbar Drupal 9 module.","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:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/","og_locale":"en_US","og_type":"article","og_title":"Civic Accessibility Toolbar Drupal 9 Module | InMotion Hosting","og_description":"Learn how to make your website usable to everyone with the Civic Accessibility Toolbar Drupal 9 module.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2021-09-17T15:36:37+00:00","article_modified_time":"2023-09-13T15:54:55+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar.jpg","type":"image\/jpeg"}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"Civic Accessibility Toolbar Drupal Module","datePublished":"2021-09-17T15:36:37+00:00","dateModified":"2023-09-13T15:54:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/"},"wordCount":333,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar-1024x538.jpg","articleSection":["Drupal"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/","name":"Civic Accessibility Toolbar Drupal 9 Module | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar-1024x538.jpg","datePublished":"2021-09-17T15:36:37+00:00","dateModified":"2023-09-13T15:54:55+00:00","description":"Learn how to make your website usable to everyone with the Civic Accessibility Toolbar Drupal 9 module.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/09\/drupal-civic-accessibility-toolbar.jpg","width":1200,"height":630,"caption":"Civic Accessibility Toolbar Drupal Module"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/accessibility-toolbar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Civic Accessibility Toolbar Drupal Module"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":372,"name":"Drupal","slug":"drupal","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/88726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=88726"}],"version-history":[{"count":3,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/88726\/revisions"}],"predecessor-version":[{"id":106569,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/88726\/revisions\/106569"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=88726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=88726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=88726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}