Wikipedia Article Quality Badge

WHAT IT DOES

This script displays a quality assessment badge on Wikipedia articles, showing you the article's quality class at a glance. When you visit any Wikipedia article, the script scans the article content and talk page for quality assessment templates like {{Featured article}}, {{Good article}}, {{A-class}}, {{B-class}}, {{C-class}}, {{Start-class}}, and {{Stub}}. It displays a color-coded badge at the top-right corner of the page showing the quality class: gold for Featured Articles, green for Good Articles, blue for A/B-Class, yellow for C/Start-Class, gray for Stubs, and red for Unassessed. A link to the article's talk page is included so you can see the full assessment discussion. The badge updates automatically when you navigate between articles, and you can toggle it on and off in the settings panel.

WHERE IT RUNS

The script runs on all Wikipedia domains (*.wikipedia.org). It works on article pages (excluding special pages like Special:, Wikipedia:, Help:, File:, Category:, Template:, Portal:, User:, MediaWiki:, and Talk: pages). It supports both desktop and mobile views.

HOW TO USE

After installation, the settings panel appears on the left side of the screen with the gear emoji (⚙️). Open the panel to configure the script:

- The "Show quality badge" toggle enables or disables the badge.

- Click "Refresh article" to manually re-scan the current article.

The badge appears automatically on any Wikipedia article. Click the ✕ button on the badge to hide it for the current session. Click the "View assessment on talk page" link to open the article's talk page in a new tab.

TECHNICAL SECTION — REAL MECHANISM

The script detects Wikipedia article pages by checking the URL for common special page prefixes and by looking for the #firstHeading element. It scans for quality assessment indicators by searching the article content (within .mw-parser-output or #mw-content-text) for text containing "Featured article," "Good article," "A-class," "B-class," "C-class," "Start-class," "Stub," or their template equivalents ({{FA}}, {{GA}}, etc.). It also looks for assessment-related elements with classes like .template-quality, .quality-indicator, .assessment, and .rating. The quality class is determined by a prioritized check: Featured Article takes precedence, followed by Good Article, then A/B/C/Start/Stub, with a fallback to "Unassessed." Each quality level is mapped to a label, color, and icon. The badge is rendered as a fixed-position div with a border in the quality's color, using style properties and textContent (never innerHTML). A link to the talk page is constructed using the article title and appended to the badge. A MutationObserver watches for DOM changes and re-scans the article when the user navigates.

THE PANEL

The settings panel is built with BotGentz's BGPanel component. It is draggable via its header, allowing you to reposition it anywhere on the screen. The panel snaps to the left edge by default but can be moved freely. Click the gear emoji to collapse the panel into a small bubble, and click the bubble to expand it again. The panel remembers its position per page session. Press the Escape key to quickly close or minimize the panel. The panel includes a status flash bar that provides visual feedback when settings are changed or actions are performed. All settings save automatically via GM_setValue.

PLEASE NOTE

This script requires the free BotGentz browser extension to run. It does not function as a standalone Chrome extension and does not use chrome.* APIs. Wikipedia frequently updates its page structure and template rendering, which may affect the selectors used to find quality assessments. If the badge stops working, please check for updates. The script relies on the presence of quality assessment templates in the article content or on the talk page—articles without any assessment will show "Unassessed." The script stores only your enabled preference via GM_setValue. No data is sent externally—all data is stored locally in your browser. The script never reads or writes password fields, hidden inputs, or file inputs. All DOM operations use safe methods (style properties, textContent, appendChild) and never use innerHTML.