Inclusive Lens

About

Inclusive Lens is a comprehensive browser extension that helps teams see, understand, and fix accessibility issues using WCAG 2.2 standards.

Designed for both developers and non‑technical users, Inclusive Lens combines automated accessibility scans with visual inspection tools, making accessibility clear, explainable, and actionable directly on live web pages.

🔍 What Inclusive Lens does
- Runs WCAG 2.2 compliance checks with clear severity levels and scoring
- Highlights issues directly on the page using visual overlays
- Lets you inspect headings, landmarks, images, links, forms, and tab order
- Explains what’s wrong, why it matters, and how to fix it
- Works without leaving the page you’re reviewing

✅ Key Features
WCAG 2.2 Accessibility Scanning
- Accessibility score (0–100) with severity indicators
- WCAG Level A / AA / AAA conformance breakdown
- Errors, warnings, contrast, ARIA, and review-needed issues
- Group results by WCAG level or page region
- Click any issue to instantly locate it on the page
Powered by axe-core (Deque Systems).

Inspect & Explore Page Structure
- Headings (H1–H6) with hierarchy visualization
- Landmarks (banner, navigation, main, complementary, region, etc.)
- Image alt text status
- Forms and labels
- Links with vague text detection
- Keyboard tab order with focus issues highlighted

Visual Overlay Tools
Toggle real‑time overlays to make accessibility visible:
- Heading structure and skipped levels
- Landmark regions with color‑coded roles
- Reading order & tab order visualization
- Focus indicator issues
- Motion and animation detection
- Non‑text contrast checks
- ARIA role and attribute validation

Side Panel Interface
- Open via the browser toolbar
- Clean, modern UI with three tabs: Results, Inspect, Tools
- Persistent view while scrolling and reviewing content

👥 Who it’s for
- Developers fixing accessibility issues in code
- QA and accessibility reviewers validating conformance
- Designers and content authors understanding accessibility impact
- Teams collaborating on inclusive design

🔒 Privacy
- Inclusive Lens runs locally in your browser.
- No data is collected, stored, or transmitted.

⚠️ Known Limitations
- Iframes are not scanned
- Shadow DOM support is best‑effort
- Does not run on chrome:// or browser‑internal pages

🌈 Why Inclusive Lens
Accessibility isn’t just about passing checks — it’s about understanding and inclusion.
Inclusive Lens helps you see your website through an inclusive lens.