A really common user interface pattern is a big clickable area, such as a card. Sometimes you need controls within that card that are also clickable. There's lots of ways to do it wrong, but fret not, [@ericwbailey.website@bsky.brid.gy](https://bsky.brid.gy/ap/did:plc:c577wa5hifxtmprlqc5mo5cb ) is here to show you how to do it right.
[piccalil.li/blog/accessi...](https://piccalil.li/blog/accessible-faux-nested-interactive-controls/ )
[Accessible faux-nested interac...](https://piccalil.li/blog/accessible-faux-nested-interactive-controls/ )
Piccalilli
npub1r4…zergl
2026-01-15 12:18:32 UTC
Author Public Key
npub1r4hz28kz6sq6w0cd0tqga07ayhua4nel4veu0ju6dutrtz4rwwzq4zerglSeen on
wss://relay.momostr.pinkPublished at
2026-01-15 12:18:32 UTCEvent JSON
{
"id": "323c6ebe88fdaf65b57f094e627546df6d2a635807da87fd03a32c3567981415",
"pubkey": "1d6e251ec2d401a73f0d7ac08ebfdd25f9dacf3fab33c7cb9a6f16358aa37384",
"created_at": 1768479512,
"kind": 1,
"tags": [
[
"proxy",
"https://bsky.brid.gy/r/https://bsky.app/profile/did:plc:lyk2pixxcmyeu4jrapaq26fy/post/3mchkwmo7cs2n",
"web"
],
[
"proxy",
"https://bsky.brid.gy/convert/ap/at://did:plc:lyk2pixxcmyeu4jrapaq26fy/app.bsky.feed.post/3mchkwmo7cs2n",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://bsky.brid.gy/convert/ap/at://did:plc:lyk2pixxcmyeu4jrapaq26fy/app.bsky.feed.post/3mchkwmo7cs2n",
"pink.momostr"
],
[
"-"
]
],
"content": "A really common user interface pattern is a big clickable area, such as a card. Sometimes you need controls within that card that are also clickable. There's lots of ways to do it wrong, but fret not, [@ericwbailey.website@bsky.brid.gy](https://bsky.brid.gy/ap/did:plc:c577wa5hifxtmprlqc5mo5cb ) is here to show you how to do it right.\n\n[piccalil.li/blog/accessi...](https://piccalil.li/blog/accessible-faux-nested-interactive-controls/ )\n\n[Accessible faux-nested interac...](https://piccalil.li/blog/accessible-faux-nested-interactive-controls/ )",
"sig": "af7c75e50e3c9f001b399f3765350163ae76656b1877e216b69dfe723d1d0634f3efaf58f6bf19ff733c0e894ae14290146487a71f6ffe33978d1feb1b28beb1"
}