Prismate

Accessibility QA for designers, built into the browser.

Chrome Manifest V3Vanilla JavaScriptChrome Storage10-language localizationCSS filters and DOM inspection

Reading mode

Prioritize hiring signals or engineering detail.

The product bet, in plain language.

Turned accessibility review into a practical design-time workflow with one bundled suite and eight focused browser capabilities.

Senior ownership across product framing, scope, and shipped interface quality.

Focus on constraints, architecture choices, external systems, and data flow.

Role: Product direction, extension architecture, interaction design, visual identity, and landing-page system
Scope: Eight standalone Chrome extensions, bundled suite, shared localization, persistent settings, interactive landing page, and evidence-led messaging
Core constraint: The tool had to stay useful as a fast review aid without pretending to replace disabled-user testing or guarantee compliance.
Technical bet: A shared browser runtime with independently selectable modules would make accessibility checks feel like one calm workflow instead of eight disconnected tools.

Overview

Prismate is a browser-based accessibility QA suite for designers. It lets people inspect a live page or prototype through eight focused lenses before an accessibility issue becomes expensive to change.

Problem

Accessibility checks often arrive after the design has hardened. Designers need fast, local review prompts that sit beside the browser work and make invisible barriers easier to notice.

Approach

I expanded the original color-vision extension into a family of focused modules, gave each one persistent settings and ten-language support, then composed them into a bundled suite with a single popup and a shared module contract.

Detailed process

Requirements

Prismate started as a color-vision simulator and grew into a suite for the decisions designers make before handoff: color, contrast, focus, motion, readability, touch targets, meaning, and alternative text.

Architecture

Each capability remains useful as a standalone extension, while the bundled suite composes the same content modules behind one popup. Namespaced local storage keeps settings persistent without coupling the modules together.

Product language

The product deliberately uses review prompts instead of compliance verdicts. The landing page pairs the interactive checks with cited prevalence and disability research so the work stays grounded in people.

Progression

The project moved from the original Vision extension through seven additional MVPs, then into suite packaging with shared localization, shared icons, and a release validator that checks module routes and ten locale catalogs.

Solution

The result is Prismate: eight standalone extensions plus a bundled suite, with interactive scans, issue cycling, browser-native overlays, and an evidence-led landing page that explains why each check matters.

Highlights

01Eight accessibility QA capabilities with a standalone-first architecture
02Bundled Prismate Suite with one popup and per-module settings
03Ten popup languages with persistent local preferences
04Issue highlighting and cycling for actionable review prompts