Kode Glass

Visual accessibility diagnostics for QA teams.

Kode Glass finds accessibility problems on the page you are testing, shows them on the page itself, and helps you fix them. It runs in a side panel next to the page, and everything happens in your browser: nothing is sent to KODE Labs. Scan - Three engines in one scan: axe-core, IBM Equal Access, and Kode Glass's own rules for what the others miss (non-text contrast of controls and icons, focus indicators, text spacing, dialog names, vague links, and more). - WCAG 2.2 A, AA, AAA and best-practice scans, with every finding mapped to its success criteria. - Issues are drawn on the page; click a box to open its finding. - Scan the whole page or only the section you are working on. Fix - A concrete suggested change for each finding: the exact colour that passes, the missing label, the attribute to add. - Try on page: apply the suggested change to the live page, re-run the engines to confirm the issue is gone, and undo. - Where to fix: findings grouped by the UI-library component or design token behind them, so one fix in the library fixes every app. - Fix these first: the issues with the most impact, ranked. - Find in code: in Angular development builds, the component, file and line behind a finding, with a link to open it in your editor. Track - Since your last scan: what was fixed, what is new and what is still open, per page. - Triage: mark findings as ticketed (with the ticket key), ignored or false positive, with a reason. - Site overview: scan several pages in one go, and see which shared components and tokens cause issues across all of them. Test by hand - Guided checks for every WCAG 2.2 criterion with Pass, Partial, Fail or N/A and remarks, and a conformance report (ACR) to save or copy. - Keyboard walk: press Tab through the page; every stop is numbered, and focus you cannot see, focus hidden behind other content, jumps and keyboard traps are flagged. - Live announcements: a log of what screen readers would announce from live regions, with status messages that are likely to stay silent flagged. - Vision simulator, a 320 px reflow check, 200% zoom and a screen-reader-style reader preview. Automate - Flows: record a task with scan checkpoints, edit its steps, replay it, and export it as a Playwright or Cypress test that fails on new accessibility violations. Replays work on design-system apps whose components share the same test markers. - Import a flow from an existing Playwright or Cypress test file. - Interrupted runs are kept: if the panel reloads during a replay or a multi-page scan, it pauses and resumes where it stopped. Evidence - Screenshots, an opt-in rolling recording of the tab (export the last minutes), PDF and Markdown reports. Kode Glass has no standing access to websites. It asks for access one site at a time, the first time you scan it, and you can remove access at any time.