This app runs inside the BotSurf browser. Don't have it yet? Get the app or extension now!
}
Accessibility · All
0 installs · Verified BotGentz app
Launch App
Opens in BotSurf — try it free, no account needed.
CategoryAccessibility
PlatformAll
Pricing
Free
Installs0
Download BotSurf to use — free
No account needed for free apps. Once BotSurf is open, find this app in Apps from the + menu.
Download for
iOS
App Store
Download for
Android
Google Play
Download for
Windows
.exe installer
Download for
macOS
.dmg universal
Download for
Linux
.AppImage
Try BotSurf in your browser — no install
Free to download on every platform. Comes pre-installed on BotFone, BotPad and BotFlip — with extra free apps included.
About this app
WHAT IT DOES
This userscript adds a floating Font Accessibility panel to any webpage that allows users to adjust text readability in real time. It provides three slider controls: font size multiplier (0.5x to 2.0x), line height (1.0 to 2.5), and letter spacing (0 to 5px). Changes are applied instantly to all text elements on the page using CSS injection with !important rules, ensuring they override existing styles. The panel displays the page's default font size alongside the current scaled size for reference. A "Reset" button restores all values to their defaults (1.0x, 1.5 line height, 0px spacing). A "Copy CSS" button copies the current settings as a CSS snippet to the clipboard for use in user stylesheets or custom CSS. All settings are persisted globally using GM_setValue, so your preferences are remembered across page loads.
WHERE IT RUNS
The script runs on all websites (*://*/*) through the BotGentz extension. It does not require any special permissions beyond those already granted by the extension. It works in any modern browser that supports the BotGentz userscript environment. The panel appears automatically on every page load, ready to assist with text readability adjustments.
HOW TO USE
The panel appears as a floating bubble in the bottom-right corner of your browser window. Click the bubble to expand the panel. Use the three slider controls to adjust the page's text appearance: move the "Size" slider to scale all font sizes from 0.5x to 2.0x; move the "Line Ht" slider to adjust line height from 1.0 to 2.5; move the "Spacing" slider to add letter spacing from 0 to 5px. Changes take effect immediately as you move the sliders. The panel displays the current default font size and the scaled size for reference. Click "Reset" to restore all settings to their default values. Click "Copy CSS" to copy the current settings as CSS to your clipboard.
REAL-TIME CSS INJECTION WITH !IMPORTANT OVERRIDE
The script dynamically creates a element in the document head and updates its content whenever a slider is moved. The generated CSS targets all elements using universal selectors (*) with !important rules to ensure maximum compatibility with existing site styles. For font size, the script applies a percentage-based scaling (font-size: X% !important) using a multiplier that scales relative to the page's computed base font size. This approach preserves relative sizing and avoids breaking layouts that depend on em or rem units. Line height and letter spacing are applied directly as pixel values and unitless numbers respectively. The script also includes specific overrides for common text-containing elements (body, p, div, span, h1-h6, a, li, td, th, label, input, textarea, select, button) to ensure consistent application across all text content. The default font size is measured by creating a hidden element and reading its computed style, providing an accurate baseline for the scaling display.
THE PANEL
The panel is built using the BGPanel component, which provides a consistent, accessible interface across all BotGentz tools. It supports drag-to-reposition via the header, collapse on click, and stores the panel's position and state per site using GM_setValue. The panel includes a close button (✕) to dismiss it temporarily—the panel reappears on next page load. The settings section includes a dropdown for selecting panel position (bottom-right, top-right, bottom-left, top-left), which is saved globally. The panel has a fixed width of 340px and a maximum height of 80vh, with scrolling for content that overflows. All slider controls are touch-friendly with large touch targets.
PLEASE NOTE
Requires the free BotGentz extension to run. The script uses !important CSS rules to override existing styles—this is necessary for compatibility but may conflict with some sites' dynamic styling. If you encounter issues, use the "Reset" button to restore defaults and reload the page. The "Copy CSS" feature copies the current settings as CSS; paste this into a user stylesheet for persistent application across sessions. The script does not collect, store, or transmit any personal data. All settings are stored locally using GM_setValue. The font size multiplier scales relative to the page's base font size—some elements may scale differently if they use absolute sizes.
Similar Apps
Auto Scroll for Hands-Free Reading
Scrolls the page for you at a speed you set, so you can read without touching anything.
Zoom Level Memory per Website
Remembers your preferred zoom level for each website and applies it automatically.
Dyslexia Friendly Font Changer
Swaps any page's text into a font designed to be easier to read for dyslexic readers.
Animation Freezer
Freeze CSS animations, transitions, and JavaScript animations with pause, resume, and step-through controls.
font:14px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
Inspect page typography: font-family, size, line-height, and text rendering with live preview and element inspection.
Colour Contrast Checker
Check WCAG text contrast ratios by clicking any element, with visual highlighting for failures and compliance analysis.