Frequently Asked Questions
Find answers to common questions about web accessibility and how INKLU can help you create more inclusive websites.
Alt text (alternative text) is a written description of an image that appears on a webpage. It serves two main purposes:
- Helping visually impaired users understand images through screen readers
- Displaying text when images fail to load
Good alt text should be concise, descriptive, and convey the meaning or purpose of the image.
❌ Bad: image1.jpg
✅ Good: A golden retriever playing fetch in a sunny park
ARIA (Accessible Rich Internet Applications) labels are HTML attributes that provide additional context to assistive technologies like screen readers.
They help describe interactive elements that might not have visible text, such as:
- Icon buttons
- Links with images only
- Complex widgets
Example:
A search button with only a 🔍 icon would need:
aria-label="Search"ARIA labels are essential for making modern web applications accessible to everyone! ♿
A color contrast issue occurs when the difference in brightness between text and its background is insufficient for easy reading.
This affects:
- Users with visual impairments
- People with color blindness
- Anyone viewing screens in bright sunlight ☀️
WCAG Requirements:
- 📝 Normal text: 4.5:1 minimum contrast ratio
- 📰 Large text: 3:1 minimum contrast ratio
Example: Light gray text on a white background would fail these requirements.
WCAG (Web Content Accessibility Guidelines) is an international standard for web accessibility developed by the W3C.
It provides guidelines organized around four principles (POUR):
- Perceivable
- Operable
- Understandable
- Robust
Compliance Levels:
- 🥉 Level A — Minimum accessibility
- 🥈 Level AA — Mid-range (most commonly required by law)
- 🥇 Level AAA — Highest level of accessibility
Many countries require WCAG 2.1 Level AA compliance for public sector websites. 🌍
A screen reader is assistive technology software that converts digital text and interface elements into speech or braille output.
It enables blind and visually impaired users to:
- Navigate websites
- Read content
- Interact with applications
Popular Screen Readers:
- 🖥️ JAWS & NVDA — Windows
- 🍎 VoiceOver — Apple devices
- 🤖 TalkBack — Android
For screen readers to work effectively, websites must have semantic HTML, alt text, and ARIA labels!
INKLU makes fixing alt text issues simple! Here's how:
- Scan your webpage URL or upload images directly to INKLU
- INKLU's AI will detect all images missing alt text 🔍
- For each image, INKLU generates contextually appropriate alt text suggestions
- Review the suggestions and copy them with one click 📋
- Paste the alt text into your HTML
Code Example:
<img src="photo.jpg" alt="your description here" />💡 Pro tip: Use our Bulk Drag & Drop Alt Text Generator to generate alt text for multiple images at once!
To fix ARIA label issues with INKLU:
- Enter your webpage URL in INKLU's scanner
- The scan will identify all interactive elements missing proper ARIA labels 🎯
- INKLU's AI analyzes the context and suggests appropriate aria-label values
- Copy the suggested label and add it to your HTML element
- Re-scan to verify the issues are resolved ✅
Code Example:
<button aria-label="Close menu">X</button>INKLU helps you fix color contrast issues efficiently:
- Scan your webpage to detect failing color combinations
- For each issue, INKLU shows the current ratio vs required ratio 📊
- Click "Generate Fix" to get AI-suggested color alternatives ✨
- Copy the new color values (HEX, RGB, or HSL)
- Update your CSS and re-scan to confirm compliance
🎨 Our AI maintains your brand aesthetic while meeting accessibility standards!
We'd love to hear from you! 💜
You can reach the INKLU team by emailing us at:
Whether you have:
- Questions about accessibility
- Need help using INKLU
- Want to report a bug 🐛
- Have feature suggestions 💡
We're here to help! We typically respond within 24-48 hours on business days.
