The <picture> should have a fallback <img> anyway.
One accessibility issue could happen if the image is not the same, because the alt that the screen reader will read is the one from the <img>. So if for any reason the images in the <source> don't match the one from the <img>, it could be confusing/misleading.
Mr Simpsons*
Great article, useful info well laid out & really covers a lot of the core issues.
I just started using the < picture > tag a lot more, does the same accessibility apply as img?
*check out his amazing CSS Simpsons on GitHub. :)
Thanks for the comment!
What tag are you using? (It doesn't display it)
Picture
The
<picture>should have a fallback<img>anyway.One accessibility issue could happen if the image is not the same, because the
altthat the screen reader will read is the one from the<img>. So if for any reason the images in the<source>don't match the one from the<img>, it could be confusing/misleading.That's the answer I need. Thank you. 👍
Maybe my next post should be about how to draw Homer Simpson with HTML+CSS :)
Yes, why not.
But maybe Guernica in CSS. 😳
Not OP but I think you may have forgotten a word! Which tag did you start using a lot more?
Fixed, thanks Scott.