Universal Font Weight Booster for Low Contrast

WHAT IT DOES

Universal Font Weight Booster for Low Contrast scans the page for text elements and increases their font weight (boldness) to improve readability for users with low vision or low-contrast displays. The script applies font-weight: 600 (medium) by default to paragraphs, headings, lists, links, and other text elements, making text more prominent and easier to read. It also boosts contrast by analyzing text color against the background—darkening light text and lightening dark text to enhance legibility. A floating control panel lets you adjust the boost level (Light at 500, Medium at 600, Strong at 700) or set a custom font weight value. The script detects and preserves existing styles and classes, ensuring compatibility with the page's original design while improving accessibility.

WHERE IT RUNS

This script operates as a userscript within the BotGentz extension on any webpage with text content, including articles, documentation, web applications, dashboards, and blogs. It functions on any modern browser that supports the BotGentz extension, including Chrome, Firefox, Edge, Safari, and Opera. The script runs entirely client-side, modifying text styling locally without sending any data to external servers.

HOW TO USE

After installation, the script automatically scans the page and applies the default medium boost to text elements. A floating control panel appears showing the current weight level and the number of elements boosted. Use the Light, Medium, or Strong buttons in the floating panel to adjust the boost level on the fly. Open the main panel to customize which text elements to boost (all text, headings only, paragraphs only, or links only), set a custom font weight value (100-900), adjust the contrast boost level (1-50), or exclude specific sections using CSS selectors. Enable or disable the contrast boost feature, or toggle the entire script on and off as needed.

THE MECHANISM THAT MAKES IT WORK

The script uses a multi-step process to boost readability. First, it queries the DOM for text elements using selectors that target headings (h1-h6), paragraphs (p), list items (li), table cells (td, th), links (a), and other common text containers. It then checks each element's computed font weight using getComputedStyle and only boosts elements with a weight below the target value, preserving already-bold text. For contrast enhancement, the script extracts the computed text color, converts it to RGB, and calculates the luminance to determine whether the text is light or dark. It then applies a subtle adjustment—darkening light text and lightening dark text—to improve contrast against the background. The floating controls allow real-time adjustment by reapplying the boost with the new settings, and all changes are limited to elements that haven't been excluded using CSS selectors.

THE PANEL

The script panel is built using BotGentz's BGPanel framework and provides comprehensive control over the font weight booster's behavior. The panel opens as a floating overlay that can be dragged anywhere on your screen, with a clean dark theme matching the tool's aesthetic. It includes dropdown menus for weight preset selection (Light, Medium, Strong, Custom), input fields for custom font weight (100-900) and contrast boost level (1-50), and a text input for CSS selectors to exclude specific elements. Toggle switches enable or disable the booster, contrast boost, and control which text elements are affected (all text, headings, paragraphs, links). Action buttons allow you to apply boosts, save settings, or reset all settings to defaults. The panel collapses to a small icon when not in use and expands when clicked, remaining accessible but unobtrusive. Press the Escape key at any time to close the panel.

PLEASE NOTE

This script requires the free BotGentz extension to be installed and activated in your browser. The extension is available from the official BotGentz website. The script modifies text styling and may affect the visual design of some websites. You can use the exclude selectors field to prevent the script from affecting specific sections or elements. The contrast boost feature adjusts text colors slightly and may not be effective on all color combinations. The script uses inline styles to apply changes, which may conflict with existing styles. No data is collected, stored, or transmitted by this script; all processing is performed locally in your browser.