Figma Accessibility Annotations for Designers and Developers
Write annotations for focus order, labels and contrast.
The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.
[VERIFY] is an editorial flag, not a blank to fill. Wherever the prompt shows [VERIFY], check that item against a reliable source before you use it.
Write accessibility annotations for a Figma design. Screens and their key elements: [SCREEN_DESCRIPTION]. Colours (text and background hex codes): [COLOURS]. Interactive elements: [INTERACTIVE_ELEMENTS]. Platform: [PLATFORM]. For each screen write a ready-to-paste block: reading and focus order as a numbered list; accessible names for icon-only controls (Close dialog instead of X); headings and landmarks; form labels and error messages (Enter an email address in the format [email protected]); contrast checks for the colour pairs I list, giving a ratio only if you can compute it and showing the method [VERIFY]; minimum touch target guidance [VERIFY]; motion and animation notes; and alternatives to colour-only meaning. Explain how to show focus order and landmarks visually in the file. Worked set for a login screen: focus order 1 email, 2 password, 3 show password, 4 forgot password, 5 sign in; accessible names Email address, Password, Show password toggle; an error message tied to the field and announced; touch targets of at least 44 by 44 points as a common guideline to verify [VERIFY]; contrast of the button text from the hex codes supplied. Add a summary table of issues to settle with the team, a design review checklist, and a test script for the built product with a keyboard, a screen reader and zoom, saying who runs it. Annotations do not guarantee accessibility; test with real assistive technology and users, compute contrast with a tool, and do not claim conformance to a standard.
Fill in before use
Optional: type your details and the prompt above updates. Nothing is saved or sent.
Replace each bracketed placeholder with your own details, then paste into Any AI or another assistant.