Media
5 items
Description
Visual, Layout, and FinTech Compliance for Web Applications. OmniCheck is an all-in-one browser companion built specifically for Product Designers, Frontend Developers, Financial Analysts, and Design Systems Engineers. It performs instantaneous, non-destructive front-end audits directly in the active tab to catch layout defects, numerical clipping, data precision mismatches, security leaks, and WCAG 2.1 AA accessibility blockers before they reach production. In modern financial dashboards, trading terminals, and enterprise SaaS platforms, a single clipped monetary amount, an uneven decimal column, or a missed screen-reader label can lead to costly operational mistakes, compliance violations, and reputational damage. OmniCheck puts institutional-grade visual verification and compliance audits directly into your browser toolbar. 🚀 Why Install OmniCheck? 1. Tailored for FinTech & High-Density Enterprise Web Apps Standard developer tools test general web pages, but they overlook the unique failure points of data-heavy enterprise applications: What happens to your tables when a portfolio figure stretches from $1,000 to $888,888,888.88? Do table columns accidentally mix 2-decimal and 4-decimal currency formats? Are numbers being truncated or wrapped across multiple lines due to rigid container bounds? Are sensitive card numbers (PANs) or SSNs exposed in plain text in the DOM? OmniCheck was engineered from the ground up to surface these exact edge cases in a single click. 2. Honest, Industry-Standard WCAG 2.1 AA Accessibility Scoring Unlike generic auditing tools that inflate scores by diluting severe barriers across hundreds of clean elements, OmniCheck uses the Lighthouse & axe-core weighted audit model: Audits are evaluated on actual page elements (inapplicable elements like zero images or zero forms are dynamically excluded from the denominator so scores are never penalized or artificially elevated). Critical blockers place hard caps on the overall score (a page with severe accessibility barriers cannot score above 64, enforcing true Level AA compliance). One-click interactive report view with filterable Critical and Warning tabs, keyboard shortcuts (Ctrl+P / Cmd+P), and instant export to standalone responsive HTML. 3. Non-Destructive, Zero-Telemetry Engine OmniCheck runs 100% locally in your browser memory: No data collection, no telemetry, no tracking scripts, and no external API requests. Every visual test has an isolated lifecycle with guaranteed clean DOM reversal. Toggling off any feature or pressing "Reset All" instantly restores your application to its pristine original state. 🛠 Feature Suite & Capabilities 📐 Category 1: Design Rules & Accessibility Accessibility Auditor (WCAG 2.1 AA): Automatically scans and outlines images missing alt attributes, unlabelled interactive buttons, and screen-reader blockers with distinct color-coded overlays and badges. Calculates an on-demand Overall Accessibility Score (0–100) with clear grade assessments (Level AA Pass, Needs Improvement, Critical Barriers Found). Keyboard Focus Order Mapper: Visualizes the natural keyboard tab traversal order across all focusable elements (#1, #2, #3, ...). Helps verify logical navigation paths for keyboard-only and screen-magnifier users without manual inspection. Box Model & Contrast Inspector: Quick-access header tool providing hover-activated inspection of element geometry (Margin, Border, Padding, and Content layers). Computes live text contrast ratios against WCAG AAA Pass, AA Pass, or Fail thresholds. Press Esc anytime on the page to instantly dismiss the inspector. Table & Decimal Aligner: Flags missing sticky headers on lengthy data tables to prevent lost context during scrolling. Highlights empty data cells and identifies non-standard or missing 2-decimal monetary figures. 💳 Category 2: FinTech Compliance Multi-Currency Stretcher: Automatically traverses numeric and currency DOM nodes (including prefixes like +$2,500.00, suffixes like 1 250,50 € or 450.00 USD, and international currencies like ¥, £, €, ₹, zł, CHF). Temporarily substitutes values with 9-figure maximum stress amounts ($ 888,888,888.88) to instantly reveal flexbox, grid, and table cell overflow clipping. Toggling off restores original values 100% losslessly. Global Directionality (RTL) Simulator: Injects right-to-left layout direction (dir="rtl") on the root document in one click. Allows UI teams to immediately audit mirrored Arabic and Hebrew layouts, navigation flows, and metric alignments. Secure Input & Masking Auditor: Outlines properly masked input fields (input[type="password"] and tokenized account representations) in secure green. Executes the Luhn Algorithm in real-time across DOM text nodes to identify and flag exposed, unmasked Credit Card Numbers (PANs) or Social Security Numbers (SSNs) in pulsing red alerts, preventing accidental data leaks. 📊 Category 3: Data & Layout Integrity Data Integrity Auditor (Spreading & Precision): Scans dense data tables and spreadsheet grids (table, [role="grid"], .ag-cell, .grid-cell) for visual and numeric defects: 🔴 Clipped / Overflow: Detects numbers or text cut off by cell boundaries. 🟡 Numeric Line Wrap: Flags numbers split across two or more lines. 🔵 Precision Mismatch: Detects columns with inconsistent decimal counts (e.g. mixing 0, 2, and 4 decimal places). Features an auto-expanding Fix Guidance Panel providing engineers and designers with direct, copyable CSS/JS solutions (text-overflow: ellipsis, white-space: nowrap, toFixed(2)). Layout Overload Heatmap: Analyzes interface density and highlights zones suffering from collapsed cell padding (≤4px) and touch/click proximity collisions (<6px spacing between interactive controls or targets smaller than 44px). Mitigates cognitive fatigue, visual clutter, and accidental click errors on high-stakes trading and operational screens. 🔒 Privacy, Security & Permissions OmniCheck strictly complies with Google's Least-Privilege Principle and Single Purpose Policy: activeTab: Used only to inspect the page currently in view when you open the popup or run an audit. scripting: Injects local CSS calculation scripts into the active tab without modifying any backend or local storage. Zero Remote Code: Contains no external scripts, no CDN links, and no eval() statements. Zero Data Collection: Does not read, store, transmit, or monetize your browsing history, cookies, or credentials. 🎯 Who is OmniCheck for? Product & UI/UX Designers: Verify that components maintain structural integrity under real-world stress data, internationalization, and extreme currency formats. Frontend Engineers: Catch contrast failures, missing ARIA tags, and table layout bugs before submitting pull requests. FinTech & SaaS Teams: Ensure high-density financial platforms comply with accessibility mandates and institutional data presentation standards. Install OmniCheck today to streamline your design quality and compliance workflow directly from your browser!