The Accessibility Widget adds a customizable toolbar to your Drupal site, helping visitors with disabilities access your content. It provides text resizing, contrast modes, screen reader, and voice navigation - ensuring compliance with BFSG, ADA, and WCAG 2.1 standards.

Features

The Accessibility Widget provides comprehensive accessibility tools through a single button (♿) that appears on your site:

Visual Adjustments:

Font size scaling (50% - 200%)
Multiple contrast modes (Dark, Light, High Contrast, Monochrome)
Color adjustments for text, titles, and backgrounds
Highlight links and titles for better visibility
Dyslexia-friendly font option

Reading & Navigation Tools:

Built-in screen reader with text-to-speech
Voice navigation commands (German & English)
Reading guide/ruler for line tracking
Adjustable letter spacing and line height
Large cursor option
Animation pause control

When to use this module:

Your site needs to comply with accessibility laws (BFSG becomes mandatory June 28, 2025)
You want to improve user experience for visitors with disabilities
You need a quick accessibility solution without major code changes
Your organization requires ADA, Section 508, or WCAG compliance

Post-Installation

Once installed and enabled, the widget works automatically:

1. No configuration needed! A blue wheelchair icon (♿) appears in the bottom-left corner of all public pages
2. Automatic exclusion from admin pages to avoid interference
3. User preferences are saved locally in the browser (GDPR compliant)

Optional customization:
To exclude the widget from specific pages, add this to your theme's .theme file:

function YOURTHEME_page_attachments_alter(array &$attachments) {
  if (\Drupal::service('path.matcher')->isFrontPage()) {
    unset($attachments['#attached']['library']['accessibility_widget/accessibility-widget']);
  }
}

Additional Requirements

None! This module has no dependencies beyond Drupal core.

Technical specifications:

Drupal 10 or 11
No external libraries required
No API keys needed
No external service calls (100% privacy-compliant)
All JavaScript bundled with module (no CDN required)
Lightweight: ~34KB minified JavaScript

Recommended modules/libraries

While this module works standalone, these modules can enhance your site's overall accessibility:

Automatic Alternative Text - Generates alt text for images
Block ARIA Landmark Roles - Adds ARIA landmarks to blocks
CKEditor Accessibility Checker - Checks content accessibility while editing
HtmLawed - Ensures valid, accessible HTML output

Similar projects

Several accessibility modules exist, but the Accessibility Widget is unique because it:

Requires zero configuration - Works immediately after installation
Includes voice navigation - Supports voice commands in German and English
Provides built-in screen reader - No need for users to have their own
Focuses on BFSG compliance - Specifically designed for the 2025 German law
Respects privacy - No external services or data collection

Compare with:

Accessibility - Focuses on content accessibility checking, not user tools
Style Switcher - Only provides theme switching, not comprehensive tools
Text Resize - Limited to font sizing only

Supporting this Module

This module is free and open source (GPL-2.0-or-later). You can support development by:

Adding a backlink in your imprint: <a href="https://schwerbehindert.org/barrierefreiheitsstaerkungsgesetz">Free Accessibility Widget by schwerbehindert.org</a>
Contributing code or translations via the issue queue
Reporting bugs and suggesting features
Spreading the word about the module

For professional support or custom development:

Email: steven@schwerbehindert.org
Phone: +49 170 69 22 999

Community Documentation

Official Documentation: https://schwerbehindert.org/barrierefreiheitsstaerkungsgesetz
BFSG Law Information: German Federal Accessibility Portal
WCAG Guidelines: W3C WCAG 2.1 Quick Reference
Demo Site: https://schwerbehindert.org/barrierefreiheitsstaerkungsgesetz/

Important Note: While this widget significantly improves accessibility, it should be part of a comprehensive accessibility strategy. Always ensure your content follows WCAG guidelines, uses semantic HTML, and includes proper alt texts.

Accessibility Widget Barrierefreiheitsstärkungsgesetz (BFSG)

Top 1 contributors

Issues