Figure and figcaption element for images in micro.blog
I’ve been experimenting with the
<figure>
<figcaption>
</figcaption>
</figure>
element and attribute for images in micro.blog.
It seems to work, although on my PC screen the photos are a bit narrower than if I don’t use them. That’s probably a result of the size of the CSS ‘box’ they are in. On the phone they are the full width of the screen. Actually, on further checking the images are narrower than the full width.
This is supposed to help with accessibility. Is that correct? When I turn on the CSS debugger in the Vivaldi browser it clearly shows the caption nested inside the <figure>
element. I don’t mind hand coding HTML if it will help people access the onscreen information.
Side comment: I’m glad we can use Markdown here. It makes it so much easier – just as long as I don’t confuse it with BBCode and mix things up in a confusing way.