AccessLens is a web-based accessibility tool designed to help users analyze images for readability and visual accessibility.
The system combines Optical Character Recognition (OCR) and contrast analysis to help visually impaired users understand image content and ensure visual elements meet accessibility standards.
Many digital images contain text and visual information that can be difficult for visually impaired users to interpret.
Accessibility guidelines such as WCAG (Web Content Accessibility Guidelines) recommend sufficient color contrast and readable text, but verifying this manually can be difficult.
AccessLens helps solve this problem by automatically analyzing images and providing accessibility insights.
AccessLens allows users to upload images and performs automated accessibility analysis including:
• Extracting text using OCR
• Checking visual contrast between foreground and background elements
• Providing accessibility feedback for image readability
This helps developers and users ensure that visual content is accessible.
- Image upload and processing
- OCR text extraction using Tesseract.js
- Accessibility contrast analysis
- Simple and responsive interface
- Accessibility-focused design
Frontend
- Next.js
- TypeScript
- CSS
AI / Processing
- Tesseract.js (OCR)
Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun installAccessLens demonstrates how AI and modern web technologies can be used to improve digital accessibility and make information more inclusive for visually impaired users.
Siri Lekkala
B.Tech Computer Science
GitHub: https://github.com/SIRILEKKALA