Browse Mobile App Development Section 6: UI Implementation

Build Accessible UI

3 fill-in slots · from The AI Prompt Handbook for Mobile App Development

Your details

0/3 filled

Build Accessible UI

Background: Native [platform] app, [SwiftUI / Compose]. Here's the
screen/component to make accessible: [describe or paste it].

Use case: Make this fully usable with assistive technology and flexible
text—treated as a requirement, not an afterthought.

Implementation details:
- iOS: VoiceOver labels/hints/traits, grouping, Dynamic Type scaling
  (including large accessibility sizes without clipping), Reduce Motion,
  and sufficient contrast. Android: TalkBack contentDescription/semantics,
  merged semantics for grouped elements, font-scale support, touch-target
  sizing, and contrast.
- Meaningful labels for icons/images; decorative elements hidden from AT
- Focus order that matches the visual reading order
- State changes announced (loading finished, error appeared)
- Minimum touch-target sizes and not relying on color alone

Deliverable: The accessibility-annotated implementation, a checklist of
what was added (labels, traits/semantics, Dynamic Type, focus order,
contrast, targets), and how to verify it with VoiceOver/TalkBack and the
largest font setting.

Highlighted [slots] are still empty. Downloads are plain .txt — paste into any AI assistant.