Accessibility Spec from Design Mockup Description
4 fill-in slots · from The AI Prompt Handbook for Business Analysts
Your details
0/4 filledAccessibility Spec from Design Mockup Description
I have a design mockup for a new screen. Generate the accessibility specification based on the visual layout. SCREEN DESCRIPTION: [Describe the visual layout — header, body, buttons, lists, forms, images, etc.] INTERACTIVE ELEMENTS: - [Element 1]: [What it looks like and what it does] - [Element 2]: [What it looks like and what it does] PLATFORMS: iOS (Swift/SwiftUI) and Android (Kotlin/Compose) For each visual element, specify: 1. Whether it needs an accessibility identifier (interactive or informational) 2. The screen reader label (what VoiceOver / TalkBack should say) 3. The accessibility trait/role: - iOS: accessibilityTraits (.button, .header, .image, etc.) - Android: semantics Role (Role.Button, Role.Heading, Role.Image, etc.) 4. Whether it should be grouped with adjacent elements - iOS: accessibilityElement(children: .combine) - Android: semantics(mergeDescendants = true) 5. Whether it's decorative and should be hidden from the accessibility tree - iOS: accessibilityHidden(true) - Android: semantics { invisibleToUser() } or contentDescription = null Then provide: - Recommended focus order for both platforms - Accessibility announcements for state changes (UIAccessibility.post / announceForAccessibility) - Minimum touch target adjustments (44pt iOS, 48dp Android)
Highlighted [slots] are still empty. Downloads are plain .txt — paste into any AI assistant.