Back

WCAG Checklist Tool

Year

2023

Tech & Technique

HTML, CSS, JavaScript

Description

A simple, interactive web-based checklist tool designed to help developers and designers evaluate key accessibility aspects of their websites. It is based on a curated subset of the Web Content Accessibility Guidelines (WCAG) 2.2 AA.

Key Features:
  • Interactive Checklist – Seamlessly check off items while auditing websites.
  • 🎯 WCAG 2.2 AA Focused – A curated set of high-impact accessibility criteria with direct WCAG references for clarity.
  • 📊 Real-time Progress – Tracks audit progress dynamically and displays a score.
  • 📂 Export Findings (CSV) – Allows users to download audit results in `.csv` format.
  • 🔄 Reset Functionality – Clear all selections to start a fresh audit.
  • GitHub Integration – Displays live star and fork counts from the GitHub repository, encouraging community engagement.

My Role

- Conceptualized and developed a lightweight tool to promote accessibility awareness among developers.
- Built an interactive and user-friendly interface using HTML, CSS, and JavaScript.
- Implemented real-time progress tracking and dynamic scoring features to enhance the user experience.
- Created functionality to export findings in CSV format for better record-keeping and sharing.
- Integrated live GitHub project metrics, showcasing community engagement and encouraging contributions.
- Focused on adherence to WCAG 2.2 AA guidelines to ensure developers target high-priority accessibility fixes.

OWAIS

owaisazmal@hotmail.com