This sounds similar to a conversation I had recently 😂

Except you can’t add the link behaviour, not all of it. There are things in context menus and keyboard interactions that cannot be recreated.

It’s very interesting but also very frustrating. If you haven’t listened already, you might enjoy @originstorypodcast.bsky.social which is co-presented by the author.

Over the years we've made 42 donations to 26 different charities.

This year we are donating to:
Alzheimer’s society
Stepping Stones
Save the Children
The Meeting Room
Children’s Cancer and Leukaemia Group
RISE
Samaritans
Kyra Women’s Project
Guide Dogs
Trussell Trust Winter Appeal
Refugee Action

I don’t always say that. But sometimes I do.

It depends.

It does, which is why I’d prefer the design pattern didn’t exist. But content order must be logical programmatically as well as visually.

The description approach has different issues, for example when searching for the text. There might be cases where one is better (or less worse) than the other.

My actual preference is to not use this design pattern at all. But we work with what is not what we’d like.

My preferred approach is to put the descriptor after the heading in the source order, then position it above with CSS. Flexbox and grid both make it easy enough to do. Add visually hidden text, such as “Tags: “, if the purpose of the descriptor is unclear.