Back to prompts
Write accessibility annotation notes from the following inputs: Screen or component: [SCREEN OR COMPONENT NAME] Platform: [WEB / iOS / ANDROID / MULTI] Design file context: [FIGMA LINK OR DESCRIPTION] Primary user tasks: [TASK LIST] Known issues or concerns: [LIST OR NONE] Standards target: [WCAG 2.2 AA OR OTHER] Audience for notes: [DESIGNERS, ENGINEERS, QA] Requirements: 1. Annotate focus order, labels, roles, error messaging, contrast risks, and keyboard or screen reader needs. 2. Use clear, actionable language engineers can implement. Avoid vague "make accessible" comments. 3. Separate must-fix issues from nice-to-have improvements. 4. Do not invent product behavior. Flag unknowns as questions for the team. 5. Keep notes scannable with short bullets and IDs (A1, A2, ...). Deliverables: 1. Annotation note list grouped by area (structure, interaction, content, visuals). 2. Priority table (must-fix vs improve) with rationale. 3. A short QA checklist for verifying the annotations after build.
How to use this prompt
- 1Copy the prompt using the button above.
- 2Open your AI tool (ChatGPT, Claude, Midjourney, etc.)
- 3Paste and customize any variables in the prompt.
- 4Generate your result.
Tip
Fill every placeholder before you run the prompt. Keep one clear goal per run, then refine with a follow-up if needed.
When to use this prompt
- •Good for first drafts in Design
- •Keep variables filled so the model has enough context
- •Review AI output before sending or publishing