Understanding All Widget Features
Overview
AllAccessible provides 41 accessibility features in the Starter plan, giving your website visitors powerful tools to customize their browsing experience. This guide explains every feature and how it helps people with disabilities.
Who This Is For
Website owners understanding what's included
Users of websites with AllAccessible
People evaluating accessibility solutions
Anyone wanting to know feature details
What You'll Learn
All 41 widget features explained
Which features help which disabilities
How to access features
Free vs. Starter plan differences
Feature Availability by Plan
Free Plan (Widget Only)
Limited Features:
Basic visual adjustments
Simple text controls
Essential navigation tools
Purpose: Give users a taste of accessibility tools
Starter Plan ($10/month) - ALL 41 FEATURES
Complete Feature Set:
✅ All 41 widget features included
✅ Text adjustments (9 features)
✅ Visual adjustments (13 features)
✅ Navigation tools (11 features)
✅ Content controls (7 features)
✅ Reading assistance (1 feature)
✅ Preset profiles
✅ Accessibility statement
✅ Remove branding
Everything unlocked in the base plan!
Feature Categories
1. Text Adjustments (9 Features)
Text Size
What it does: Increase or decrease text size across the entire website
Who it helps:
People with low vision
Older adults
Anyone who prefers larger text
How it works:
Scale from 80% to 200%
Adjusts all text proportionally
Maintains layout integrity
How to use:
Open AllAccessible widget
Click "Text Adjustments"
Use slider or +/- buttons
Changes apply instantly
Line Height
What it does: Increase spacing between lines of text
Who it helps:
People with dyslexia
Readers with ADHD
Anyone who finds dense text difficult
Options:
Default (1.0x)
Increased (1.5x)
Maximum (2.0x)
Letter Spacing
What it does: Add space between individual letters
Who it helps:
People with dyslexia
Visual processing difficulties
Readers needing clearer letter distinction
Text Spacing
What it does: Comprehensive spacing adjustment (lines + letters + words)
Who it helps:
Anyone needing breathing room in text
Combination of line height and letter spacing benefits
Text Alignment
What it does: Change text alignment (left, center, right, justify)
Who it helps:
Right-to-left language readers
People with specific reading patterns
Cognitive disabilities preferring certain alignments
Readable Font
What it does: Replace all fonts with highly legible sans-serif typeface
Who it helps:
People with low vision
Anyone struggling with decorative fonts
Users needing maximum clarity
Font Used: Clean, modern sans-serif optimized for screen reading
Dyslexia-Friendly Font
What it does: Apply specialized font designed for dyslexia
Who it helps:
People with dyslexia (10-15% of population)
Anyone who finds traditional fonts confusing
Font Used: OpenDyslexic with weighted letters and unique shapes
How it works:
Bottom-weighted characters (prevents rotation confusion)
Unique letter shapes (reduces b/d, p/q confusion)
Optimized spacing
📷 Dyslexia font comparison
Highlight Titles
What it does: Add visual emphasis to headings and titles
Who it helps:
People scanning content quickly
ADHD users needing structure cues
Anyone wanting clearer page organization
Visual effect:
Background color on headings
Border or underline
Increased contrast
Content Scaling
What it does: Zoom entire page content
Who it helps:
Similar to text size but affects images too
Low vision users
Anyone needing overall magnification
Range: 100% to 200%
2. Visual Adjustments (13 Features)
High Contrast
What it does: Increase contrast between text and background
Who it helps:
People with low vision
Color perception difficulties
Anyone in bright environments
Contrast ratio: Ensures 7:1 minimum (WCAG AAA)
Dark Contrast
What it does: Dark background with light text
Who it helps:
Light sensitivity
Night time browsing
Reduced eye strain
Certain vision conditions
Visual:
Black or dark gray background
White or light text
Preserved image colors (optional)
📷 Dark contrast mode example
Light Contrast
What it does: Light background with dark text, enhanced
Who it helps:
Low vision in bright environments
Opposite preference from dark contrast
Maximum readability preference
Invert Colors
What it does: Reverse all colors on the page
Who it helps:
People with cataracts
Certain photosensitivity conditions
Users who prefer inverted palettes
Effect:
Black becomes white, white becomes black
All colors inverted on color wheel
Monochrome (Grayscale)
What it does: Remove all colors, display in grayscale
Who it helps:
Complete color blindness (achromatopsia)
Users distracted by colors
Focus on content over design
Saturation Control
What it does: Adjust color intensity/vibrancy
Who it helps:
Photosensitivity
Migraine sufferers
Anyone finding colors too intense
Range: 0% (grayscale) to 100% (full saturation)
Color Blindness Filters
Available Filters:
Protanopia (red-blind)
Deuteranopia (green-blind)
Tritanopia (blue-blind)
Achromatopsia (total color blindness)
What they do: Adjust colors so color-blind users can distinguish them
Who they help: 8% of men, 0.5% of women with color vision deficiency
How it works:
Applies SVG color filters
Shifts problematic color combinations
Makes red/green or blue/yellow distinguishable
📷 Color blindness filter examples
Hide Images
What it does: Remove all images from page
Who it helps:
Cognitive disabilities (reduced distractions)
Slow internet connections
Screen reader users (focus on text)
Seizure disorders (removes flashing images)
Stop Animations
What it does: Pause all moving content (GIFs, videos, carousels)
Who it helps:
People with seizure disorders (photosensitive epilepsy)
ADHD (removes distractions)
Vestibular disorders (motion sickness)
Anyone preferring static content
WCAG Compliance: Required for Level AAA (no flashing > 3 times/second)
3. Navigation Tools (11 Features)
Keyboard Navigation
What it does: Enable full keyboard-only navigation
Who it helps:
People with motor disabilities
Blind users
Anyone who can't use a mouse
Keys:
Tab: Move forward
Shift+Tab: Move backward
Enter: Activate links/buttons
Space: Scroll, activate checkboxes
Arrow keys: Navigate within components
Visual indicators:
Focus outlines on all interactive elements
Skip links to main content
Highlight Links
What it does: Add visual emphasis to all hyperlinks
Who it helps:
Low vision users
Cognitive disabilities
Anyone scanning for links
Effect:
Underline all links
Change link color
Add background or border
Highlight Hover
What it does: Highlight element when mouse hovers over it
Who it helps:
People with motor control issues
Vision tracking difficulties
Anyone wanting clear hover feedback
Highlight Focus
What it does: Strong visual indicator for keyboard-focused elements
Who it helps:
Keyboard-only users
Screen magnifier users
Anyone using tab navigation
Visual:
Bold outline
High-contrast color
Larger focus area
Reading Guide
What it does: Horizontal line that follows cursor or keyboard focus
Who it helps:
Dyslexia (tracks reading position)
ADHD (maintains focus)
Anyone losing their place while reading
Customization:
Line thickness
Line color
Opacity
Follow cursor or be manually positioned
📷 Reading guide in action
Reading Mask
What it does: Dims everything except the line being read
Who it helps:
Dyslexia
ADHD and focus disorders
Anyone easily distracted
Visual:
Semi-transparent overlay above and below current line
Highlighted reading area
Adjustable mask height
Text Magnifier
What it does: Magnifying glass that follows cursor
Who it helps:
Low vision users
Anyone needing to zoom specific areas
Precision reading
Magnification: 2x to 5x zoom
Cursor Size
What it does: Enlarge mouse cursor
Who it helps:
Low vision users (can't see default cursor)
Motor impairments (easier targeting)
Older adults
Sizes:
Default
Large (2x)
Extra Large (3x)
Customization:
Cursor color
Cursor outline
Virtual Keyboard
What it does: On-screen keyboard for clicking letters
Who it helps:
Motor disabilities (can't use physical keyboard)
Touch screen users
Speech input users
Page Structure Navigation
What it does: Jump to headings, landmarks, links
Who it helps:
Screen reader users
Keyboard-only users
Anyone wanting fast navigation
Features:
Heading list (H1, H2, H3, etc.)
Landmark regions (header, nav, main, footer)
Link list
Skip Links
What it does: Jump directly to main content
Who it helps:
Screen reader users
Keyboard users
Anyone wanting to bypass repetitive navigation
Activated by: Tab key on page load
4. Content Controls (7 Features)
Mute Sounds
What it does: Silence all audio and video
Who it helps:
Deaf users (don't need audio)
Sensory processing disorders
Users in quiet environments
Screen reader users (audio conflicts)
Scope:
Mutes autoplay videos
Mutes background music
Mutes sound effects
Doesn't affect screen reader audio
Hide Images
What it does: Remove images to reduce distractions
Who it helps:
Cognitive disabilities
ADHD
Slow internet connections
Screen reader users (faster navigation)
Note: Alt text remains for context
Content Scaling
What it does: Zoom all page content (text + images)
Who it helps:
Low vision
Anyone needing overall magnification
Different from Text Size:
Text Size: Only text grows
Content Scaling: Everything grows proportionally
Page Remediation
What it does: Automatically fix common accessibility issues
Who it helps: Everyone (improves underlying page accessibility)
Fixes:
Missing form labels
Low-contrast text
Missing alt text (adds AI-generated)
Improper heading structure
Missing ARIA labels
Type: Real-time, client-side fixes
5. Reading Assistance (1 Feature)
Dictionary / Word Lookup
What it does: Double-click any word for definition
Who it helps:
English language learners
Cognitive disabilities
Anyone encountering unfamiliar terms
Features:
Instant definitions
Pronunciation
Example usage
Multiple language support
6. Preset Accessibility Profiles
One-Click Configuration for Common Disabilities:
Vision Impaired Profile
Activates:
Increased text size
High contrast mode
Screen reader optimization
Keyboard navigation
Seizure Safe Profile
Activates:
Stop animations
Mute sounds
Reduce color saturation
Remove flashing elements
Critical for: Photosensitive epilepsy (affects 1 in 4,000 people)
ADHD Profile
Activates:
Reading guide
Reading mask
Mute sounds
Stop animations
Highlight focus
Cognitive Disability Profile
Activates:
Simplified layout
Highlight important elements
Readable font
Increased spacing
Reduced distractions
Motor Disability Profile
Activates:
Keyboard navigation
Larger click targets
Extended hover time
Virtual keyboard
Color Blindness Profiles
Separate Profiles for:
Protanopia (red-blind)
Deuteranopia (green-blind)
Tritanopia (blue-blind)
Achromatopsia (complete color blindness)
7. Utility Features
Accessibility Statement
What it does: Display compliance information
Available: Starter plan and above
Content:
Your commitment to accessibility
WCAG conformance level
Contact for issues
Last updated date
Language Selector
What it does: Change widget language
Languages: 35+ languages supported
Auto-detect: Browser language detection
Reset Preferences
What it does: Return all settings to default
Who needs it:
Shared computers
Starting fresh
Undoing unwanted changes
One-Click: Restores all defaults instantly
Position Adjustment
What it does: Users can reposition widget button
Who needs it:
Widget blocking content
Personal preference
Different devices
Note: Site owner sets default position
How Features Work Together
Example Workflows
Workflow 1: Low Vision User
Activates "Vision Impaired" profile
Text size increases to 150%
High contrast mode enables
Cursor size enlarges
All changes apply simultaneously
Result: Readable, accessible experience
Workflow 2: Dyslexic Reader
Enables dyslexia-friendly font
Activates reading guide
Increases line height
Increases letter spacing
Result: Text easier to track and read
Workflow 3: Motor Disability
Activates "Motor Disability" profile
Keyboard navigation enhanced
Virtual keyboard appears
Larger click targets
Hover highlighting active
Result: Full navigation without mouse
Free vs. Starter Features
What's in Free Plan
Basic Features (approximately 15-20):
Text size adjustment
Basic contrast modes
Readable font
Keyboard navigation (basic)
Some visual adjustments
Not Included in Free:
Preset profiles
Accessibility statement
AI-powered features
Advanced navigation tools
Branding removal
Full feature set
What Starter Adds
For $10/month, you unlock:
✅ All 41 features (vs ~15-20 in free)
✅ Preset accessibility profiles
✅ Accessibility statement
✅ Remove AllAccessible branding
✅ Save user preferences
✅ Text-to-speech
✅ Priority support
✅ Monthly monitoring
✅ 250 AI image descriptions
✅ Dashboard access
✅ WCAG reports
Value: Professional accessibility for small business pricing
Features Organized by Disability Type
For Visual Impairments
Low Vision:
Text size increase
Content scaling
Text magnifier
High contrast modes
Cursor enlargement
Blind:
Screen reader optimization
Keyboard navigation
Skip links
ARIA enhancements
Text-to-speech
Color Blindness:
Color blindness filters (4 types)
High contrast
Pattern differentiation
For Motor Disabilities
Limited Mouse Control:
Keyboard navigation
Large click targets
Extended hover time
Virtual keyboard
Tremor/Spasms:
Increased target size
Hover highlighting
Keyboard alternatives
Voice commands (future)
For Cognitive Disabilities
Dyslexia:
Dyslexia font
Reading guide
Reading mask
Increased spacing
Line height
ADHD:
Hide images
Mute sounds
Stop animations
Reading guide
Focus highlighting
General Cognitive:
Simplified layouts
Readable fonts
Highlight important elements
Clear navigation
Dictionary lookup
For Hearing Impairments
Deaf/Hard of Hearing:
Mute sounds (removes distracting audio)
Visual alternatives to audio cues
Captions for videos (if site provides)
Note: AllAccessible doesn't add captions - that's content owner responsibility
For Seizure Disorders
Photosensitive Epilepsy:
Stop animations (critical)
Mute sounds
Reduce saturation
Hide flashing images
WCAG Compliance: Meets Success Criterion 2.3.1 (no flashing > 3x/sec)
Most Popular Features
Based on usage data:
Text Size (used by 42% of users)
Dark Contrast (used by 31% of users)
Dyslexia Font (used by 18% of users)
Reading Guide (used by 15% of users)
Hide Images (used by 12% of users)
Keyboard Navigation (used by 11% of users)
Mute Sounds (used by 9% of users)
Stop Animations (used by 8% of users)
Insight: Text and vision features most commonly used
Features Comparison
AllAccessible vs. Competitors
Feature Category | AllAccessible (Starter) | AccessiBe | UserWay |
Total Features | 41 | ~30 | ~35 |
Text Adjustments | 9 | 5 | 6 |
Visual Modes | 13 | 8 | 10 |
Navigation Tools | 11 | 7 | 9 |
Preset Profiles | 6 | 4 | 5 |
Languages | 35+ | 25 | 30 |
Price | $10/mo | $59/mo | $49/mo |
Value: More features at 5-6x lower price
How to Access Features
Opening the Widget
Method 1: Click Button
Look for accessibility icon (usually bottom-right)
Click button
Widget modal opens
Method 2: Keyboard Shortcut
Press
Alt + A(Windows)Press
Option + A(Mac)
Method 3: URL Parameter (for testing)
Add
?accessibility=opento any URLWidget opens automatically
Navigating Widget Interface
Main Sections:
Dashboard: Feature overview and presets
Text: All text adjustment features
Vision: Visual mode features
Navigation: Navigation aid features
Content: Content control features
Profiles: Preset configurations
Settings: Language, reset, statement
Mobile: Simplified interface with all features accessible
Common Questions
Q: Do I need to enable features or are they automatic?
A: Features are available but not automatic. Users choose which features they want.
Q: Can I disable certain features I don't want users to have?
A: Not currently. All 41 features appear for all Starter plan users. Feature selection coming in future.
Q: Do features work on all websites?
A: Yes! Features work on any website that has AllAccessible installed.
Q: Will features break my website design?
A: Features are temporary and user-specific. Your original design is never changed.
Q: Can multiple features be used simultaneously?
A: Yes! Users can combine any features (e.g., dark mode + dyslexia font + reading guide).
Q: Are features tested for compatibility?
A: Yes. All features work together and are tested across thousands of websites.
Q: How do users know which features to use?
A: Preset profiles guide common use cases. Otherwise, users experiment to find what helps them.
Testing All Features
Recommendation for Site Owners
Try Every Feature:
Open widget on your site
Test each feature category
Combine features
Verify everything works
Check mobile experience
Why:
Understand what your users see
Identify any site-specific issues
Communicate value to stakeholders
Troubleshoot problems proactively
Time Required: 20-30 minutes
Related Articles
Preset Accessibility Profiles - One-click configurations
Text Adjustment Features - Detailed text features
Visual Adjustment Features - Color and contrast tools
Navigation Tools - Keyboard and focus features
How to Use the Widget - User guide
Last Updated: October 2025
Total Features: 41 (all in Starter plan)
Price: $10/month for complete feature set
Free Plan: Limited features only