Web Accessibility Learning Platform

An interactive platform for learning, testing, and implementing web accessibility standards.

Features

🎓 Comprehensive learning paths for different roles
🛠️ Interactive accessibility testing tools
📊 WCAG compliance visualization dashboard
💡 Real-time practice exercises
🎨 Color contrast checker
⌨️ Keyboard navigation tester
🖼️ Alt text generator
🌗 Light/Dark theme support

Tech Stack

Getting Started

Clone the repository
Install dependencies:

npm install
# or
yarn install

Run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser

Project Structure

/app - Main application routes and pages
/components - Reusable UI components
/practice - Interactive accessibility exercises
/dashboard - Visualization and analytics components

Learning Paths

UX Designers
Visual Designers
Developers
Content Authors

Practice Exercises

Color Contrast Tool
Alt Text Generator
Keyboard Navigation Tester

Contributing

Contributions are welcome! Please read our contributing guidelines before submitting a pull request.

License