Civic Accessibility Toolbar Drupal Module

Civic Accessibility Toolbar Drupal Module

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’t have to learn accessibility features on their browser or device. Instead, they can simply click a button that’s always on your website, regardless of how they’re accessing it.

Note that this accessibility widget alone doesn’t achieve Drupal Section 508 compliance.

Using the Civic Accessibility Toolbar Drupal Module 

  1. Visit https://www.drupal.org/project/civic_accessibility_toolbar.
  2. Log into Drupal and install the accessibility module using the tar download link for your Drupal version.
  3. Click “Enable newly added modules.”
  4. Under “Civic,” select the checkbox for “Civic Accessibility Toolbar.”
  5. At the bottom, select “Install.”
  6. In the navigation bar, select “Structure” and “Block layout.”
  7. Select “Place block” beside the section you want to embed your accessibility toolbar. We recommend “Sidebar first” or “Footer.”
  8. Select “Place block” beside “Accessibility Toolbar.”
    Place block for Civic Accessibility Toolbar
  9. You can customize the title for the toolbar, text resizing tool, and color contrast switch. You can also hide either tool.
    Civic Accessibility Toolbar module settings
  10. Once you’re done making adjustments, select “Save block.”
  11. View your public page to see the accessibility toolbar.
  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.
Civic Accessibility Toolbar screenshot

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).

Find other ways to enhance your website for users with our Drupal Education Channel.

Get the power and performance you need without additional configurations with our Drupal VPS Hosting.

J
Jacqueem Content Writer I

Technical writer focused on cybersecurity and musicianship.

More Articles by Jacqueem

Comments

It looks like this article doesn't have any comments yet - you can be the first. If you have any comments or questions, start the conversation!

Was this article helpful? Let us know!