The Universal Focus Ring: "Replace the default focus ring with a stylish one that travels between the elements as you navigate with your keyboard. A funny experiment using Anchor Positioning." #CSS css-tip.com/universal-fo...

100, 150, or 200? Debunking the Alt text character limit: "There’s no limit, Alt text should be as long or short as it needs to be, just succinct and correct. Just not super long." #a11y chrisyoong.com/blog/the-100...

Headings: Semantics, Fluidity, and Styling — Oh My! "A few links about headings that I’ve had stored under my top hat." #HTML #CSS css-tricks.com/headings-sem...

Explaining the Accessible Benefits of Using Semantic HTML Elements: "Why should you use a semantic button element instead of a generic div? Accessibility, right? But how exactly does it help accessibility?" #a11y css-tricks.com/explaining-t...

ARIA and Real World Dangers: "Learn ARIA deeply before deploying it broadly. HTML should always be the first tool of choice. Use ARIA only when necessary, and only with precision. Done right, ARIA enhances accessibility. Done wrong, it undermines it." #a11y www.dennisdeacon.com/web/accessib...

Instant snapport: "While I’ve used scroll-margin before, little did I know that scroll-padding is out there too. So let’s take a closer look." #CSS cssence.com/2025/scroll-...

Sometimes the Best Accessibility Fix is a Usability Fix: "Accessibility gains often come from fixing ordinary UX friction points that already frustrate people who don’t have disabilities (yet)." #a11y buttondown.com/access-abili...

How to use #CSS line-clamp to trim lines of text: "Learn how to use CSS line-clamp to truncate text lines cleanly, handle browser quirks, and avoid common UX issues." blog.logrocket.com/css-line-cla...

Grayscale testing: The missing step in color accessibility: "A short guide to grayscale testing: why it matters and how to design visuals that work without color." #a11y blog.pope.tech/2025/11/03/g...

The Weird Parts of position: sticky; – "There are a number of things that can rain on your sticky parade. Maybe it's time to actually understand why." #CSS frontendmasters.com/blog/the-wei...

Custom Cursor Accessibility: "It’s probably best that you don’t use custom CSS mouse cursors. If you must, please bear in mind the accessibility setting that increases pointer size. If you make your cursor abnormally large, it will be comically large!" #a11y dbushell.com/2025/10/27/c...

Use Cases for Field Sizing: "Have you ever needed to size an input field based on its content? Today, we can do it with #CSS field-sizing property. In this article, I’m going to show you the problem field-sizing solves and how to use it for layout-focused designs." ishadeed.com/article/fiel...

Super Simple Full-Bleed & Breakout Styles: "Having a width-limited centered column of content is common and good, but what do you do when you need to break out? It's not hard these days, but it does depend on the situation." #CSS frontendmasters.com/blog/super-s...

Pure #CSS Tabs With Details, Grid, and Subgrid: "Can we use the

element as the foundation for a tabbed interface? Why yes, we can!" css-tricks.com/pure-css-tab...

#CSS layout: flexbox, grid, media queries and container queries: "CSS provides a variety of services for web content: In this chapter, we will use it to lay out content: to place HTML elements on a page." 2ality.com/2025/10/css-...

Rethinking Dark Mode Image Strategies with Media Queries in #HTML: "You’re able to supply a light-themed image in light mode, and swap that for a dark-themed image in dark mode, instead of reducing the light image’s opacity in dark mode." www.sarasoueidan.com/newsletter/i...

Getting Creative With Small Screens: "On mobile, people can lose their sense of context and can’t easily tell where a section begins or ends. Good small-screen design can help orient them using a variety of techniques." #CSS css-tricks.com/getting-crea...