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.

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

Log in to BotGentz

Suggest an App

Tell us what you'd find useful — if we build it, we'll email you the moment it's ready.