Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders

There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …

The post Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/platform-news-using-focus-visible-bbcs-new-typeface-declarative-shadow-doms-a11y-and-placeholders/

Created 4y | Apr 16, 2021, 3:21:10 PM


Login to add comment

Other posts in this group

Positioning Text Around Elements With CSS Offset

When it comes to positioning elements on a page, including text, there are many ways to go about it in CSS — the literal position property with corresponding inset-* prope

Jan 24, 2025, 4:50:19 PM | CSS tricks
Some Things You Might Not Know About Custom Counter Styles

I was reading through Juan’s recent Almanac entry for the @counter-style at-rule and I’ll be darned if he didn’t uncover and unpack some extremely interesting things

Jan 23, 2025, 5:40:29 PM | CSS tricks
Creating a “Starred” Feed

Chris wrote about “Likes” pages a long while back. The idea is rather simple: “Like” an item in your RSS reader and dis

Jan 21, 2025, 2:40:17 PM | CSS tricks
Fancy Menu Navigation Using Anchor Positioning

Anchor positioning can be great for little interactive effects — as Temani Afif shows off with this clever idea for a menu hover.


Jan 17, 2025, 3:40:06 PM | CSS tricks
Web-Slinger.css: Across the Swiper-Verse

Lee Meyer with a super clever idea using scroll-driven animations as an interaction to "like" or "dislike" something.


Jan 15, 2025, 5:20:12 PM | CSS tricks
A Few Ways That Cloudways Makes Running This Site a Little Easier

(This is a sponsored post.)

It’s probably no surprise to you that CSS-Tricks is (proudly) hosted on

Jan 14, 2025, 3:50:06 PM | CSS tricks
How to Wait for the sibling-count() and sibling-index() Functions

Today, I want to look into one of those cases of impatient and how the community has waited for that feature, to be specific, two upcoming functions: sibling-count() and sibling-index().


Jan 13, 2025, 4:40:05 PM | CSS tricks