In Iteration 1, we will not have sophisticated validation of captions. That is described in {T292888}. This is a simple minimum version.
* {icon check-square color=green} When the user first arrives on the caption step, the publish button is not active, and no warning message is present.
* {icon check-square color=green} Then the user starts entering a caption. Once they get to five characters, the publish button becomes active. If they delete characters and go below five characters, then it goes inactive again.
* {icon check-square color=green} If they do anything that brings their focus outside the caption box, like opening image details, opening the caption onboarding, or tapping the inactive publish button, this triggers the red warning text.
* {icon check-square color=green} Once the red warning text has been triggered, it then displays whenever there are fewer than five characters in the box, until the user leaves this step.
* {icon check-square color=green} The text starts with a "stop sign" icon, and reads, "Captions must be 5 characters or longer."
//Mockup as of 2021-10-29://
{F34715721}
//Figma:// !!https://www.figma.com/file/ULhJr1isDstRbGE5vjYDsr/Add-images-structured-task?node-id=3050%3A9628!!