Accessibility Auto Fixer
This module automatically scans your Drupal website for accessibility issues based on WCAG guidelines using axe-core. It provides reports and tools to help fix common problems like missing alt text and low contrast, and can even validate content to prevent accessibility errors from being saved.
The Accessibility Auto Fixer module helps Drupal sites identify and improve accessibility issues based on WCAG guidelines.
It integrates automated scanning using axe-core, provides detailed reports, and offers developer-friendly tools to fix common accessibility problems.
🚀 Module Overview
Accessibility is a critical requirement for modern websites. This module enables site builders, developers, and content editors to:
- Scan pages for accessibility violations
- View detailed reports in the Drupal admin dashboard
- Identify issues such as missing alt text, low contrast, and ARIA problems
- Improve content quality with editor-level validation
The module leverages axe-core, an industry-standard accessibility engine, to ensure accurate and reliable results.
✨ Features
🔍 Automated Accessibility Scanning
- Scans pages automatically on load
- Detects WCAG violations using axe-core
- Captures severity levels (critical, serious, moderate, minor)
📊 Admin Dashboard
- Centralized report page at
/admin/reports/a11y-dashboard - Displays scanned pages with violation counts
- Tracks scan history with timestamps
🔎 Detailed Violations View
- Drill-down into individual scan results
- View:
- Rule ID (e.g.,
image-alt) - Impact level
- Description of the issue
- Affected elements (CSS selectors)
- Rule ID (e.g.,
🛠 Auto-Fix Suggestions
- Highlights common issues like:
- Missing alt attributes
- Empty buttons or links
- Low contrast text
- Provides actionable recommendations for developers
📝 Content Editor Validation
- Validates node content during creation/editing
- Prevents saving content with major accessibility issues
- Encourages best practices at content level
⚙️ Configuration Options
- Enable/disable scanning
- Set violation threshold
- Control access via permissions
🔐 Secure & Drupal-Compliant
- Uses Drupal services and dependency injection
- CSRF-protected endpoints
- Role-based access control
⚡ Drush & CI Integration
- Run scans via Drush:
drush a11y:scan-all --format=json - Integrate with CI/CD pipelines
- Export results in machine-readable format
🎯 Developer-Friendly UI
- Interactive dashboard
- Highlight affected elements in the browser
- Quick navigation between issues
📍 Usage
- Visit any page to trigger scanning
- Go to:
/admin/reports/a11y-dashboard - Click "View" to explore detailed violations