WordPress.org

Making WordPress.org

Opened 8 days ago

Last modified 3 days ago

#4602 new enhancement

no autoplay for gifs in handbook

Reported by: Travel_girl Owned by:
Milestone: Priority: normal
Component: Handbooks Keywords: accessibility
Cc:

Description

I tried to read the follow article and to find the right spot in the navigation, but the movements in the gif made it impossible for me to focus on the text.

https://developer.wordpress.org/block-editor/

Autoplay of movements are not accessible and it should be possible for users to control animations, videos, sound and so on.

I suggest following solutions:

  1. use video instead of gifs. Videos can be controlled by users with play and stopp and also to go back and forth inside the videos
  2. if videos are not possible and it has to be a gif (for example because the content needs to be make again), provide a thumbnail instead the gif with a play icon and let the gif play, when clicking the play button (and make it also possible to stop it). So it would be possible to consume the gif, but also to read the post calmly with no distraction

I think this problem not only apply to this post, as I have seen more and more gifs around announcements for Gutenberg. So maybe it would be worth to find a solution for the P2 and the Handbooks

Change History (5)

#1 @SergeyBiryukov
7 days ago

Thanks for the ticket! Just noting there are at least 5 pages with animated GIFs in the Block Editor Handbook where this needs to be addressed: https://developer.wordpress.org/block-editor/?s=.gif

#2 follow-up: @Travel_girl
4 days ago

Could be worth to find a standard and to include it into the docs handbook: https://make.wordpress.org/docs/handbook/documentation-team-handbook/handbooks-style-and-formatting-guide/

I will ask the docs team, if there have discussed this before.

This ticket was mentioned in Slack in #docs by travelgirl. View the logs.


4 days ago

#4 in reply to: ↑ 2 @milana_cap
4 days ago

Replying to Travel_girl:

Could be worth to find a standard and to include it into the docs handbook: https://make.wordpress.org/docs/handbook/documentation-team-handbook/handbooks-style-and-formatting-guide/

I will ask the docs team, if there have discussed this before.

I have added your suggestions to Docs Handbook here: https://make.wordpress.org/docs/handbook/documentation-team-handbook/handbooks-style-and-formatting-guide/#gifs

However, the second suggestion might need some work from Meta team before we can implement it. We need easy-to-implement model/block where we can upload .gif image and its thumbnail and the rest of functionality is taken care of (probably by Javascript).

#5 @hardeepasrani
3 days ago

There are already some JavaScript libraries that do this: http://rubentd.com/gifplayer/

Note: See TracTickets for help on using tickets.