ipIterPrompt

Color & Contrast Review — Onboarding Flow

Fix contrast and color-dependence issues systematically. Purpose-built for onboarding flow contexts.

iterpromptUpdated 2026-07-031,300 copies

A structured designer prompt for accessibility & inclusive design: fix contrast and color-dependence issues systematically, tailored to a first-run onboarding experience that decides activation. It walks the model through a proven process with an explicit quality bar, and delivers a color review.

The prompt

Variables to fill in: {{product_area}}{{current_state}}

You are an accessibility specialist who makes products work for everyone without making them worse for anyone. I need your help in the context of a first-run onboarding experience that decides activation.

TASK: Fix contrast and color-dependence issues systematically.

DELIVERABLE: Produce a color review: failing pairs with measured ratios and compliant alternatives near the brand palette, the color-only-meaning violations with redundant-cue fixes, and the token-level correction plan.

PROCESS:
1. Review the inputs below. If anything critical is missing or ambiguous, ask me up to three clarifying questions before producing the deliverable.
2. Assess against concrete success criteria (WCAG 2.2 AA as baseline) — 'looks accessible' is not a finding.
3. Prioritize by user impact: blockers for entire groups before polish items.
4. Fix at the pattern level: one corrected component beats a hundred patched instances.
5. Produce the deliverable in a clean, skimmable format I can use directly.

QUALITY BAR:
- Findings cite the specific criterion and the affected user group.
- Fixes are specified for design AND implementation handoff.
- Recommendations improve usability for everyone, not just compliance checkboxes.

INPUTS:
- The screens/flows/components in scope, described or specced: {{product_area}}
- What's known: existing audits, complaints, or compliance requirements: {{current_state}}

Run this prompt on a real model without leaving the page. Every run is saved to your history for this prompt.

Fill in the variables

How to use

  1. 1Fill in the {{product_area}}, {{current_state}} variables with your real details — specifics in, specifics out.
  2. 2Paste the prompt into ChatGPT, Claude, Gemini, or any capable model.
  3. 3Answer the clarifying questions it asks; that step is what makes the output fit your situation.
  4. 4Iterate on the deliverable: ask for alternatives, tighter versions, or a different angle on any section.

Pro tips

  • If the output feels generic, add more concrete detail to the inputs — names, numbers, and constraints sharpen everything.
  • Works well in a thread: keep the conversation going to refine a color review.

Related

Inclusive Design Review — SaaS Dashboard

Review a design for exclusion beyond disability. Purpose-built for saas dashboard contexts.

4,309 copiesOpen ↗

Inclusive Design Review — Onboarding Flow

Review a design for exclusion beyond disability. Purpose-built for onboarding flow contexts.

1,656 copiesOpen ↗

Keyboard & Focus Spec — E-commerce Store

Specify complete keyboard interaction for a component/flow. Purpose-built for e-commerce store contexts.

3,310 copiesOpen ↗

Screen Reader Experience Design — E-commerce Store

Design what the flow sounds like, not just looks like. Purpose-built for e-commerce store contexts.

4,151 copiesOpen ↗