Thomas
A self-portait of me drawn with a digital pencil

happy new year ✨

To anyone who comes across this site, happening across this post, wishing you a Happy and Prosperous New Year.

For Christmas I got a healthy box of Moleskine treats, which I used to sketch throughout Twixmas. One of those sketches is below.

A sketch of a Turnstone, a small bird native to the United Kingdom. It has orange and black accents.
Turnstone, Arenaria Interpres

<figure> and <figcaption>

Putting this into a blog post meant I got to come across the <figure> tag, which has a corresponding <figcaption> tag:

<figure>
    <img src="/static/images/IMG_1213.jpeg" alt="A sketch of a Turnstone, a small bird native to the United Kingdom. It has orange and black accents." style="max-width: 300px; width: 50%;">
    <figcaption>Turnstone, <em>Arenaria Interpres</em></figcaption>    
</figure>

and my choice of style:

figure {
    text-align: center;
}

figure figcaption {
    color: #49596E;
    font-size: 0.8em;
    margin-top: 0.5rem;
}

I love coming across HTML elements I wasn’t aware of, and this one particularly made me chuckle as it’s been in support for so long.

Browser Chrome Edge Firefox Safari
Version 8.0 9.0 4.0 5.1

A11y

I’ve put some more effort into accessibility standards for the site, transferring some of the things I’ve been putting into practice at work. I’ve put in better heirarchy of headers, removed out-of-range tabindexes, worked to add better alt tags to images, and made better use of ARIA tags to hopefully aid with screen readers.

If you happen to use a screenreader or any other kind of accessibility software to visit this site, I’d love for you to get in touch if you have any problems.