Explore caption display options

[lindamood]

• Hidden behind a toggle on mobile
• Toggle across all breakpoints
• text remains below image across all breakpoints.

[lindamood]

When dealing with groups of photos, the proposed caption approach is to write one caption at the bottom of the group that addresses all the photos. e.g.

The aforementioned approach works well for desktop, and for scaled photos across all breakpoints. It does not work as well for stacked photos on mobile.

Here are a few alternate options to consider:

1. Write captions for all images in a group individually, instead of one caption at the bottom of the group. Then, show captions by default on desktop, and hide them behind a tap on mobile. (this approach feels clunky to me now)

http://apps.npr.org/wolves/

2. Write captions for all images in a group individually. Then, hide the captions behind a hover on desktop, and show them by default on mobile. (this approach doesn't really work for scaled photos on mobile, so we would probably end up stacking all photos on mobile if we did this.)

http://stories.undp.org/fighting-malaria

3. Minimize the instances in which we use a stacked photo approach on mobile, and write one caption at the bottom of the group that addresses all the photos. For instances in which we must use stacked photos on mobile, limit the number of photos in a group and try to create a tight association between the group by minimizing vertical margins between photos, increasing the amount of margin between the group and text above/below, and reducing the size of the stack slightly so that users to not have to scroll too far to read the caption. (this is my preferred approach)

https://thebolditalic.com/photos-berkeley-protest-against-white-supremacist-milo-yiannopoulos-69e80a2635fb

[lindamood]

we agreed to go with option 3.