Web accessibility compliance checker built with Nuxt 4, utilizing Axe and Pa11y for comprehensive WCAG auditing.

• Dual Engine Analysis: Combines Axe and Pa11y for thorough accessibility testing
• WCAG Compliance: Supports multiple WCAG standards and levels
• Multi-language Support: Available in English and Polish
• PDF Report Generation: Export detailed accessibility reports
• Modern UI: Clean, responsive interface built with Vue 3 and Tailwind CSS

• WCAG 2.0
• WCAG 2.1
• WCAG 2.2

• English (en)
• Dutch (nl)
• Polish (pl)

1. Enter the URL of the website you want to test
2. Select your preferred accessibility tools (Axe, Pa11y, or both)
3. Choose the WCAG compliance level
4. Click "Start Accessibility Check" to start the analysis
5. Review the results and export a PDF report if needed

• Frontend: Nuxt 4, Vue 3, TypeScript
• Accessibility Engines: Axe Core, Pa11y
• Browser Automation: Puppeteer
• Internationalization: Nuxt i18n
• Styling: Tailwind CSS
• Containerization: Docker

• Node.js 20+
• Docker and Docker Compose

1. Clone the repository:

   git clone git@github.com:PeterRamotowski/wcagger.git
   cd wcagger

2. Start the application:

   docker-compose up --build

3. Open your browser and navigate to http://localhost:1270

wcagger/
├── config/
│   └── Dockerfile             # Docker configuration
├── nuxt/
│   ├── app/
│   │   ├── pages/index.vue    # Main application
│   │   └── components/        # Vue components
│   ├── server/
│   │   ├── api/               # API endpoints
│   │   └── services/          # Business logic services
│   │   └── utils/             # Utility functions
│   ├── shared/
│   │   └── types/             # TypeScript type definitions
│   └── i18n/                  # Internationalization files
└── docker-compose.yml         # Docker Compose configuration

• POST /api/check-accessibility - Run accessibility analysis
• POST /api/generate-pdf - Generate PDF report
• GET /api/health - Health check

This project is licensed under the MIT License.

• Axe Core - Accessibility testing engine
• Pa11y - Accessibility testing tool
• Nuxt - Vue.js framework
• Puppeteer - Headless Chrome Node.js API
• Tailwind CSS - Utility-first CSS framework