Background

This task is for the designs of our alt-text scaled experiment on iOS.

Task

• @OTichonova Create a Figma file and link it to this task with screens that show what happens when users interact with actions that align with the requirements below. Get final sign off from Product before adding screens
• Engineer - review screens and add any questions or possible constraints to consider on the task
• Engineer- Add subtask to epic for screens that can start being built now based on wireframes

Must Haves for Alt-text flow

• Entry point will vary based on experiment group (see next slides)
• Prominent guidance for writing good alt-text (needs to be updated from prototype)
• Users ability to get context about the image from the article
• Users ability to access relevant metadata (can take user to Web)
• Detection of which images do not have alt-text
• Users should be able to give feedback about the feature over all
• Ability to publish alt-text
• Users should be prompted provide feedback about the feature
• Instrumentation that allows us to evaluate the alt-text submitted
• Input field for alt-text in context of image, preview of alt-text in context of our existing editor
• Warning when alt-text exceeds 125 characters

Nice to Haves

• Positive Reinforcement
• Do not allow users to copy and paste in image caption
• Suggest Alt-text (think Machine Assisted Article Descriptions)
• Can playback what was written in preview
• Surface Categories and Depicts

Experiment B Must Haves

Experiment Group B (50% of Image Recs Suggested Edits user): Dedicated flow for Captions and Alt Text AFTER Image Recs

• After edit is submitted; if alt-text = null:
  • Educate user on importance of alt-text and ask if they’d be willing to add alt-text to image
  • If user selects yes; launch alt-text adding flow for most recently added image
  • Alt-text guidance should launch the first time (akin to initial onboarding)
  • Alt-text edit should count as a separate edit ONLY when submitted separately
  • Show a survey when user concludes flow to
  • Ask users if it should be a separate task
• We will want to evaluate if more users add alt-text in the main flow after being prompted

Experiment C Must Haves

Experiment Group C: 50% of all editors receive encouragement to add alt-text to an image when editing a section with an image

• After edit where
  • No edit was made to an image
  • Edit made to image but alt-text = null
• Show prompt that an image in the article is in need of alt-text and explain importance of adding alt-text and ask users if they’re willing to add alt-text
• If no, gain reason for why
• If yes, ask satisfaction and if this should be a dedicated task
• Once alt-text has been added, bring user back to article they were reading

Experiment C Nice to Haves

• Affordance to reveal / review alt-text on images in an article
• If someone is abandoning an edit, launch the prompt for adding an image if they have over 50 edits

User stories
Primarily

• As a Spanish Wikipedia editor in LATAM using the Add an Image feature for the first time on the Wikipedia iOS app, I would like to build confidence to add alt-text while on the bus, so that I can add alt-text to future image related tasks without concern of making the state of alt-text worse on Wikipedia for low vision users.
• As a Portuguese Wikipedia editor in Brazil, I would like to become aware of opportunities to add alt-text to images in articles I care about, so that I can ensure all editors are able to gain the full context of those articles

Secondarily

• As a user with limited data, I want to read alt-text, so even if images are not loaded, I am aware of what is in the image
• As a user navigating articles with a screen reader, I want quality alt-text to be available , so that I have the same additional context about an article as users that are not using screen readers

Designs

TBD