Gutenberg: It's not clear that you can scroll to view long gallery image captions.

Created on 13 Jul 2018  路  7Comments  路  Source: WordPress/gutenberg

When a gallery image contains a long caption, users can scroll down to view the full caption text:

gallery-long-captions

Unfortunately, if a users device isn't configured to show scrollbars (mobile devices, most Macs), there's no indication that scrolling is an option there. Instead, it just looks like text is missing.

One possible idea: Cutting off the text slightly to imply that there's more to read:

screen shot 2018-07-13 at 2 58 00 pm

Needs Dev [Feature] Blocks [Feature] Media [Priority] Low [Type] Enhancement

Most helpful comment

Some quick feedback:

While the cutoff proposal for captions provides a solution for longer ones, it seems to make the shorter captions more difficult to read. Those would need to be scrolled too.

Maybe it's just the position of the cutoff. If we allow longer captions to move up in the Image and show the third line cut off, that might work better. This way shorter captions can still be completely visible and longer captions that need scrolling are also indicated.

Screen Shot 2020-05-12 at 2 38 39 PM

All 7 comments

@kjellr should this still have a Needs Design Feedback label or would your text cutoff idea be good to preview in a PR?

I think needs design feedback is appropriate. 馃憤

Some quick feedback:

While the cutoff proposal for captions provides a solution for longer ones, it seems to make the shorter captions more difficult to read. Those would need to be scrolled too.

Maybe it's just the position of the cutoff. If we allow longer captions to move up in the Image and show the third line cut off, that might work better. This way shorter captions can still be completely visible and longer captions that need scrolling are also indicated.

Screen Shot 2020-05-12 at 2 38 39 PM

At present time I think Mark's solution might be best. As it gives a hint that there is more text. Either the user thinks it might be a bug or will understand that they can scroll to view the rest of the caption.

I agree with @mapk and @paaljoachim on the solution. I do like @kjellr solution mockup with the slight gradient over the text to show it's contained within the image, however.

I think the best solution is to put the text below the image instead of on top of it. After all, it's an image gallery, and with long text, you can't even see the image.

Btw here is an older issue which brings up gallery image captions:
https://github.com/WordPress/gutenberg/issues/8030

Here is an option to place the caption below the images:
https://github.com/WordPress/gutenberg/issues/8030#issuecomment-407054953

Was this page helpful?
0 / 5 - 0 ratings

Related issues

BE-Webdesign picture BE-Webdesign  路  3Comments

davidsword picture davidsword  路  3Comments

youknowriad picture youknowriad  路  3Comments

jasmussen picture jasmussen  路  3Comments

wpalchemist picture wpalchemist  路  3Comments