Axible - Web Accessibility Checker

Axible is a lightweight, easy-to-use web accessibility checker that helps developers identify and fix accessibility issues in their web applications. It provides real-time feedback and follows WCAG guidelines to ensure your web content is accessible to all users.

Features

• Real-time accessibility checking
• WCAG 2.1 guideline compliance
• Visual feedback with detailed explanations
• Expandable result instances for multiple occurrences
• Built-in grade rating system
• Material Design-inspired UI

Installation

npm install axible

Usage

1. Import Axible into your project:

import { WCAGChecker } from 'axible';

2. Initialize the checker:

const checker = new WCAGChecker();

3. Run accessibility checks:

checker.runChecks();

Development

1. Clone the repository:

git clone https://github.com/yourusername/axible.git
cd axible

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Build for production:

npm run build

Current Checkers

• Text Alternatives (WCAG 1.1)
  • Alt text for images
• Distinguishable Content (WCAG 1.4)
  • Color contrast
  • Use of color

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT License - see the LICENSE file for details