ARIA Label Bulk Generator for Elementor

ARIA Label Bulk Generator for Elementor is a WordPress plugin that scans, audits, generates, and injects context-aware, WCAG-compliant aria-label, role, and ARIA attributes for all Elementor elements (buttons, icons, icon boxes, images, headings, navigation menus, forms, accordions, containers, and custom widgets).

🌟 Key Features

• ⚡ Smart Bulk Generation: Scan all Elementor pages, posts, and saved templates at once and generate context-aware ARIA labels in batches with a real-time progress bar.
• 🧠 Context-Aware Rules Engine: Automatically derives semantic labels from widget titles, button text, icon names, image alt tags, form names, and custom Elementor navigator labels.
• 🛠️ Custom Rule Builder: Customize template patterns per widget type with dynamic placeholders ({{text}}, {{title}}, {{icon_name}}, {{alt_or_title}}, {{form_name}}, etc.).
• 🔍 Deep Accessibility Audit: Drill down into every single element on any page to view its current ARIA label, suggested label, and compliance status.
• 🎨 Elementor Editor Integration: Adds a native "Accessibility (ARIA)" panel in Elementor's Advanced tab with a 1-click "Auto-Generate ARIA Label" button and live preview.
• 🚀 Dynamic On-The-Fly Mode: Option to dynamically inject missing ARIA labels on frontend render without altering database post meta.
• 🛡️ 1-Click Rollback: Automatic pre-generation snapshots enable instant restoration of previous post meta.

📁 Plugin Structure

aria-label-elementor/
├── aria-label-elementor.php           # Main plugin bootstrap & lifecycle
├── includes/
│   ├── class-core.php                 # Core initialization and singleton
│   ├── class-rules-engine.php         # Smart rules & template parser
│   ├── class-bulk-generator.php       # Bulk scanner and updater for Elementor data
│   ├── class-elementor-integration.php # Elementor controls & editor hooks
│   ├── class-frontend-renderer.php    # Frontend dynamic ARIA attribute injector
│   ├── class-rest-api.php             # REST API routes for scan/generate/audit
│   └── class-admin.php                # Admin dashboard & settings manager
├── assets/
│   ├── css/
│   │   ├── admin-style.css            # Modern dashboard styling
│   │   └── editor-style.css           # Elementor editor custom control styles
│   └── js/
│       ├── admin-app.js               # Admin bulk scan/generator & settings UI
│       └── elementor-editor.js        # Elementor editor controls & live generator
├── .gitignore
├── readme.txt                         # WordPress Plugin repository standard readme
└── README.md                          # GitHub project documentation

📥 Installation

1. Download or clone this repository:

   git clone https://github.com/amanullahykhan/aria-label-bulk-generator.git

2. Copy the plugin folder into your WordPress plugins directory: wp-content/plugins/aria-label-bulk-generator
3. Activate the plugin via WordPress Admin > Plugins.
4. Go to ARIA Generator in your WordPress sidebar to run your initial scan and bulk generation.

👤 Author & Developer

• Amanullah Khan
• Role: Developer & Maintainer, Web Development, Front-End Engineering & Social Media Management
• Location: Pakistan
• GitHub: GitHub Profile
• HuggingFace: HF Profile
• LinkedIn: LinkedIn
• Support: ☕ Buy Me a Coffee

📄 License

(LICENSE) / GNU GPL v2.