Accessibility Auto Fixer

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)

🛠 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