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

• Next.js 14
• Tailwind CSS
• Shadcn/ui
• DaisyUI
• Framer Motion
• Recharts

Getting Started

1. Clone the repository
2. Install dependencies:

npm install
# or
yarn install

3. Run the development server:

npm run dev
# or
yarn dev

4. 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

MIT