It takes as much energy to wish as it does to plan. — Eleanor Roosevelt
In this week’s roundup: multi-column layouts gain wide support, the ADA means more A11y for retailers, and Google is doing something about all the empty image alt attributes in the wild.… Read article “Weekly Platform News: CSS column-span Property, ADA applies to Websites, Auto-generated Image Descriptions”
In this week’s roundup, how to determine a slow connection, what we should put into alt text for images, and a new polyfill for the HTML loading attribute, plus more.… Read article “Weekly Platform News: Improving UX on Slow Connections, a Tip for Writing Alt Text and a Polyfill for the HTML loading attribute”
Scott O’Hara digs into the <figure></figure> and <figcaption></figcaption> elements. Gotta love a good ol’ HTML deep dive.
I use these on just about every blog post here on CSS-Tricks, and as I’ve suspected, I’ve basically been doing it wrong forever. My original thinking was that a figcaption was just as good as the alt attribute. I generally use it to describe the image.… Read article “How do you figure?”
Web developers and content editors alike often forget or ignore one of the most important parts of making a website accessible and SEO performant: image alt text. You know, that seemingly small image attribute that describes an image:
<img src="/cute/sloth/image.jpg" alt="A brown baby sloth staring straight into the camera with a tongue sticking out." >If you regularly publish content on the web, then you know it can be tedious trying to come up with descriptive … Read article “Using Artificial Intelligence to Generate Alt Text on Images”
I’m sure you know about alt text. It’s the attribute on the image tag that has the important task of describing what that image is for someone who can’t see it for any reason. Please use them.
I don’t want to dimish the please use them message, but some interesting alt-text-related things have come up in my day-to-day lately that are related.… Read article “Some Things About `alt` Text”