Page MenuHomePhabricator

[S] Tooltips for Alt text experiment
Closed, ResolvedPublic1 Estimated Story Points

Assigned To
None
Authored By
HNordeenWMF
Jul 17 2024, 9:00 PM
Referenced Files
F57294503: CleanShot 2024-08-26 at 11.56.50.png
Aug 26 2024, 9:59 AM
F57294492: image.png
Aug 26 2024, 9:59 AM
F57294485: CleanShot 2024-08-26 at 11.49.52.png
Aug 26 2024, 9:59 AM
F56489132: image.png
Jul 17 2024, 9:00 PM
F56489128: image.png
Jul 17 2024, 9:00 PM
F56489126: image.png
Jul 17 2024, 9:00 PM

Description

Background

Users arriving on the alt text task should understand what steps they should take before writing alt text. The tooltips provide a quick tutorial on the interface: drawing their attention to the background of the article view, the image information on Wikimedia commons, and then the alt text input box.

Requirements
  • Tooltips should show only once, after initial onboarding
  • Tooltips should match behavior of image recommendations' tooltips
  • "Review" tooltip points to the image within the article
  • "Inspect" tooltip points to Image's filename
  • "Add description" tooltip points to input box for alt text
  • Relevant events are instrumented according to Data instrumentation plan and completed slides have been marked with a green background.
  • Translations are added for target languages from UI Copy for Suggested edits Alt text on iOS (T370725)
Design:

Figma

Tooltip 1Tooltip 2Tooltip 3
image.png (667×375 px, 137 KB)
image.png (667×375 px, 182 KB)
image.png (667×375 px, 196 KB)

Event Timeline

Tsevener renamed this task from Tooltips for Alt text experiment to [S] Tooltips for Alt text experiment.Jul 23 2024, 6:13 PM
Seddon raised the priority of this task from Low to Medium.Aug 21 2024, 4:40 PM

@Tsevener

1) [minor] Positioning of the tooltip: Can it be moved up a tad (top left) according to design specs?

ImplementationvsDesign
CleanShot 2024-08-26 at 11.49.52.png (2×1 px, 999 KB)
image.png (667×375 px, 136 KB)

2) [minor] Gap between Image caption and Licensing information could be reduced to avoid the scrollbar (e.g. to 50% of the current value)

CleanShot 2024-08-26 at 11.56.50.png (2×1 px, 1 MB)


As both issues are minor, I’m moving the task to "Needs Code Review".