Not accessible

[ThibaultJanBeyer]

Not accessible

[krasimir]

The <button> suggestion is a nice one and I made that change (1.2.1 version released). I'm a little bit puzzled about the second step. Can you please clarify on that.

[ThibaultJanBeyer]

right, so normal images have an "alt" Attribute. See <img src="img.gif" alt="some text">, if a blind user traverse the page, his screen reader will read aloud that alt attribute: 'some text, img'. Now with gifffer we lose that alt attribute. An Idea would be to have something like this: <img data-gifffer="image.gif" data-gifffer-alt="some text" /> and using that information in code to populate the gifffer with a visually hidden text. Simplified something like this: <container><playbutton /><canvas /><visuallyhidden>some text</visuallyhidden></container> (obviously with real tags, these are only to clarify the example) so that some text remains there. Which is also a good practice for SEO… Then, it actually makes more sense to make the playbutton a button, not the whole div and hide the playbutton for screen readers (since blind users do not need to play the gif, they just need access to the alt text and having a playbutton they don’t know what it does might confuse them). If you want, I can make a pull request this weekend with that addition, what do you think?

[krasimir]

I see. The container-to-button is already done. I'll be happy to see a PR for the alt text.

[ThibaultJanBeyer]

You may close this issue now 👍