Welcome to AccessiLens, the next generation of web accessibility. Our mission is to bridge the gap between complex WCAG requirements and practical, real-world web experiences. By leveraging Google Gemini's advanced multimodal models, we don't just find errors—we understand them and fix them in real-time.
Register for an AccessiLens account.
Add your first domain in the 'Sites' section.
Familiarize yourself with the dashboard audit scores.
The Web Content Accessibility Guidelines (WCAG) define how to make web content more accessible to people with disabilities.
Our goal is to remove digital barriers instantly without requiring extensive code changes from developers.
A lightweight script analyzes your DOM on load and injects fixes client-side before the user even interacts.
Installation is designed to be frictionless. Whether you use WordPress, Shopify, Next.js, or a custom CMS, the process is exactly the same: one line of code.
Go to your 'Sites' dashboard and click 'Install Script'.
Copy the one-line JavaScript snippet.
Paste it immediately before the closing </body> tag of your website footer.
Navigate to your dashboard and copy your unique <script> tag.
Paste the tag directly before the closing </body> tag in your global footer or main layout file.
Refresh your site; you should see the AccessiLens floating widget appear immediately.
The AccessiLens toolbar is the control center for your visitors. It sits unobtrusively in a corner and unfolds into a powerful suite of accessibility tools.
Open 'Widget Settings' in your admin portal.
Choose your brand's primary color and icon style.
Select the default screen position (e.g., Bottom Right).
Pick which accessibility features to enable for your visitors.
Customize colors, icons, and positions from your admin dashboard.
Users can trigger the toolbar using Alt + A (or customizable shortcuts).
Settings are saved per browser, ensuring a consistent experience on every return visit.
Optimize text consumption for every reader. Control the typography environment with precision.
Open the toolbar on your website and click the 'Text' icon.
Toggle Dyslexia Mode to replace all fonts with OpenDyslexic.
Adjust line leading and letter spacing using the Matrix sliders.
Adjust sizes, line height, and letter spacing dynamically.
Instantly switch all text to 'OpenDyslexic' for better readability.
Guide eyes through text with artificial fixation points (bolded starts).
Crucial tools for users with low vision or light sensitivity. These tools create a focused visual environment.
Select the 'Vision' tab in the accessibility toolbar.
Click on 'Text Lens' to activate the magnifying glass.
Move your mouse to center the magnifying area over small text blocks.
A draggable magnifying glass for precise reading of fine print.
Dim the rest of the page to focus on a single horizontal reading line.
Oversized, high-contrast cursors in various sizes and colors.
Ensure visual clarity and comfort with advanced filter layers. Ideal for color-blind users or those with light sensitivity.
Navigate to the 'Palettes' tab in the widget.
Choose a filter like 'High Contrast' or 'Grayscale'.
Try 'Neural Palettes' like Sepia to reduce eye strain during night browsing.
Choose between High Contrast, Inverted, or Grayscale modes.
Apply scientifically tuned themes like Sepia (warmth) or Ocean (low-blue light).
Auto-remediation powered by next-generation machine learning. We use Google Gemini to understand visual content.
In your dashboard, enable 'AI Auto-Fix' for your site.
Our AI will automatically scan for missing alt-text and ARIA tags.
View fixed violations in the 'Site History' tab.
Automatically generates descriptive labels for images missing alt tags using Gemini AI.
Highlight complex words to get simple-language definitions instantly.
Injects missing ARIA roles and landmarks by analyzing element context.
Generate professional, client-ready compliance documents directly from your dashboard. Ideal for legal verification.
Go to 'Reports' in your dashboard.
Select the domain you wish to audit.
Click 'Start Full Scan' and wait for result processing (approx. 60s).
Click 'Download PDF' to save your compliance certificate.
Crawl up to 50 pages of your domain to find deep-seated accessibility flaws.
Get an overall percentage score based on WCAG 2.1 compliance metrics.
Step-by-step instructions for developers to fix manual errors discovered in the audit.
The seamless way to manage accessibility on the world's most popular CMS. No code editing required.
Log in to your WordPress Admin.
Go to Plugins > Add New and search for 'AccessiLens'.
Install and Activate.
Paste your 'Site ID' from our dashboard into the plugin settings.
Available directly through the WordPress Plugin Repository.
Dashboard changes reflect instantly on your site without clearing cache.
Add AccessiLens to any tech stack with zero dependencies. Standardized JS loading for all frameworks.
Copy your Site Script URL.
Add a <script> tag to your HTML template.
Set the 'defer' or 'async' attribute to ensure zero performance impact.
Served via our global edge network for maximum performance.
Our script never blocks the main thread, ensuring zero impact on SEO or speed.
Connect AccessiLens to your internal workflows and developer tools. Automate audits through CI/CD pipelines.
Go to 'Developer Settings' in your profile.
Click 'Generate New Key'.
Copy the key immediately (it won't be shown again).
Use it in your Authorization headers as 'Bearer [YOUR_KEY]'.
Generate, rotate, and revoke Site IDs with fine-grained permissions.
Receive alerts when a site falls below its target accessibility score.
AccessiLens automatically detects and patches foundational A-level criteria instantly inside the browser, minimizing ADA lawsuit exposure without hard-coding.
1.1.1 Non-text Content (Gemini Vision AI alt tags)
1.3.1 Info and Relationships (Landmark & Heading fixes)
2.1.1 Keyboard (tabindex and Enter/Space handlers)
2.4.1 Bypass Blocks (Skip to main content injection)
3.1.1 Language of Page (lang attribute injection)
Global Escape listener prevents users from being locked inside dynamically rendered modals.
Dynamically maps text nodes to form inputs via generated aria-labelledby attributes.
Strict legal compliance under Section 508 and EN 301 549 requires Level AA. Our engine applies advanced contrast overrides, focus states, and logical validations.
1.3.5 Identify Input Purpose (autocomplete hints)
1.4.3 Contrast Minimum (Instant CSS override palettes)
1.4.4 Resize Text (Global magnification without clipping)
1.4.5 Images of Text (OCR via Gemini API)
2.4.7 Focus Visible (Enforced high-contrast focus rings)
Live neural translation re-renders content blocks into 50+ languages instantly managing language tagging.
Forces native HTML5 form validation for assistive technology to announce naturally.
Our specialized support team is available 24/7 to help you with complex custom integrations.