Browse Business Analysts Section 3: Accessibility Requirements

Accessibility Spec from Design Mockup Description

4 fill-in slots · from The AI Prompt Handbook for Business Analysts

Your details

0/4 filled

Accessibility 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.