Accessibility Widget - Complete Implementation
Accessibility Menu
Enlarges all text on the page by 20% with each click (up to 200%). This helps users with visual impairments or those who prefer larger text for comfortable reading. The setting applies to all text elements including headings, paragraphs, and navigation menus.
Reduces text size by 20% with each click (minimum 80%). Useful for users who want to see more content on screen at once or have high-resolution displays where default text appears too large.
Switches all text to OpenDyslexic or similar highly readable fonts designed to help users with dyslexia. These fonts use unique letter shapes, weighted bottoms, and increased character spacing to reduce letter confusion and improve reading flow.
Adds a colored background and underline to all clickable links, making them easily distinguishable from regular text. This feature helps users with color blindness or cognitive disabilities identify interactive elements quickly.
Converts the entire webpage to grayscale, removing all colors. This helps users with color processing difficulties, reduces visual distractions, and can reduce eye strain for some users. Particularly helpful for users with specific types of color blindness.
Increases the contrast between text and background colors throughout the site. Dark text becomes darker, light backgrounds become lighter. This significantly improves readability for users with low vision, cataracts, or other visual impairments.
Applies a high-contrast black text on yellow background color scheme. This specific combination is proven to be one of the most readable for users with low vision, dyslexia, or light sensitivity. Yellow background reduces glare while maintaining excellent contrast.
Enhances keyboard navigation by adding visible focus indicators, skip links, and logical tab order. Essential for users who cannot use a mouse due to motor disabilities. Enables full site navigation using only Tab, Enter, and arrow keys.
Pauses all animations, moving images, and auto-playing videos. Critical for users with vestibular disorders who may experience nausea or dizziness from motion. Also helps users with ADHD or autism who find movement distracting.

Additional Features Available:

• Reading Guide: A horizontal line that follows your cursor to help track text while reading

• Text Spacing: Increases spacing between letters, words, and lines

• Big Cursor: Enlarges the mouse cursor for easier tracking

• Virtual Keyboard: On-screen keyboard for users with mobility impairments

• Screen Reader: Built-in text-to-speech functionality

📝
Text Adjustments

Our text adjustment tools allow users to modify font size, spacing, and style to meet their reading needs. Whether you need larger text for visibility, special fonts for dyslexia, or adjusted spacing for better comprehension, these tools ensure comfortable reading for everyone.

🎨
Color & Contrast

Visual adjustments help users with various vision conditions. From high contrast modes that make text stand out clearly, to grayscale options that remove color distractions, to specific color schemes like black-on-yellow that reduce eye strain and improve focus.

🖱️
Navigation Assistance

Enhanced navigation features include keyboard-only navigation for users who cannot use a mouse, visible focus indicators that show where you are on the page, and reading guides that help track text line by line, making browsing easier for users with motor or cognitive disabilities.

🔊
Audio & Visual

Screen reader compatibility ensures blind users can access all content. Animation controls help users with vestibular disorders avoid motion sickness. Audio descriptions and captions make multimedia content accessible to users with hearing or vision impairments.

🧠
Cognitive Support

Features designed for cognitive accessibility include simplified layouts, clear navigation paths, consistent design patterns, and the ability to pause time-limits. These help users with ADHD, autism, or learning disabilities navigate and understand content more easily.

💾
Persistent Settings

All accessibility preferences are automatically saved to your browser. When you return to our site, your chosen settings are immediately applied, eliminating the need to reconfigure them each visit. This creates a consistent, personalized experience.

How Our Accessibility System Works

1

Click the Icon

Look for the accessibility icon in the corner of your screen

2

Choose Features

Select the adjustments that help you browse comfortably

3

Browse Freely

Navigate the site with your personalized settings active

4

Settings Saved

Your preferences are remembered for future visits

حقوق الطبع والنشر © 2025-شركة باي إكسبرس، جميع الحقوق محفوظة.