Skip-to-Content Link Injector

WHAT IT DOES This script injects a visible "Skip to Content" link at the top of the page that becomes focusable on keyboard navigation (Tab key). Users can press Enter to jump directly to the main content area, bypassing navigation menus, sidebars, and other repetitive content. The link auto-detects the main content container (using , [role="main"], or intelligent fallback) or allows manual targeting via a custom CSS selector. The link is fully configurable—label text, position (top-left, top-center, top-right), size (small, medium, large), colors, and a focus-only mode that hides the link until focused. Essential for keyboard-only users and screen reader accessibility. WHERE IT RUNS The script works on any page with a main content area—websites, web applications, blogs, documentation, and any page with navigation and content. It auto-detects the primary content container or uses a custom selector. The script works on any website regardless of framework. HOW TO USE After installation, the script automatically injects a skip link. A badge shows the link status. Click the badge to open the panel. Customize: enable or disable the skip link, show or hide the status badge, choose link label text, set link position (top-left, top-center, top-right), choose link size, set text and background colors, enable focus-only mode (link hidden until focused), enable auto-detection of main content, or enter a custom target selector. Click "Refresh Link" to re-inject after dynamic changes. Use the keyboard shortcut Ctrl+Shift+S to trigger the skip link. Settings are saved and persist across sessions. TECHNICAL MECHANISM The script uses a multi-stage skip link injection pipeline. First, it determines the target element by checking the custom target selector, then auto-detecting using a prioritized list of selectors (main, [role="main"], .main-content, .page-content, etc.), and falling back to intelligent detection of the largest text block. Second, it creates a fixed-position `` link at the top of the page with configurable styling. Third, it adds a click handler that scrolls the target element into view with smooth behavior, focuses a focusable element within the target (or the target itself), and announces the jump to screen readers using an ARIA live region. Fourth, it supports a focus-only mode using CSS opacity and pointer-events toggled on focus. Fifth, it adds keyboard shortcut (Ctrl+Shift+S) and ARIA attributes for accessibility. The script uses a MutationObserver for dynamic content changes. THE PANEL The settings panel is fully draggable and can be positioned anywhere on your screen. It automatically snaps to the nearest edge when released, keeping your workspace organized. The panel can be collapsed to a small bubble showing only a gear icon, and restored with a single click. Its position is remembered across page reloads using GM_setValue. The panel also responds to the Escape key, which instantly hides it until you click the bubble again. All settings are saved immediately when changed and persist across browser sessions. PLEASE NOTE This script requires the free BotGentz extension to run. The skip link is designed for keyboard accessibility and may not be visible on mouse-only navigation in focus-only mode. The script does not access, store, or transmit any personal data or browsing history. All processing happens locally in your browser and never leaves your device.