Adrian Roselli on Nostr: I wrote about bulk expand / collapse and bulk check / uncheck controls: In short: • ...
I wrote about bulk expand / collapse and bulk check / uncheck controls:
https://adrianroselli.com/2024/03/check-all-expand-all-controls.htmlIn short:
• Use `<input type="checkbox" [checked]>` if you want to bulk check / uncheck a bunch of checkboxes.
• Use `<button aria-pressed="true|false|mixed">` if you want to bulk expand / collapse a bunch of disclosures.
#HTML #ARIA #accessibility #a11y
Published at
2024-03-08 21:33:23Event JSON
{
"id": "241fbf48a36be1d5ac3e10d6cd020347d16f695cc971de1cd94330ff33ee9311",
"pubkey": "7e72a9e116902990cb1f9173e4bd7d1b65a86e0420cd97e82f540d2829413609",
"created_at": 1709933603,
"kind": 1,
"tags": [
[
"t",
"html"
],
[
"t",
"aria"
],
[
"t",
"accessibility"
],
[
"t",
"a11y"
],
[
"proxy",
"https://toot.cafe/users/aardrian/statuses/112062208656508421",
"activitypub"
]
],
"content": "I wrote about bulk expand / collapse and bulk check / uncheck controls:\nhttps://adrianroselli.com/2024/03/check-all-expand-all-controls.html\n\nIn short:\n• Use `\u003cinput type=\"checkbox\" [checked]\u003e` if you want to bulk check / uncheck a bunch of checkboxes.\n• Use `\u003cbutton aria-pressed=\"true|false|mixed\"\u003e` if you want to bulk expand / collapse a bunch of disclosures.\n\n#HTML #ARIA #accessibility #a11y",
"sig": "598be1e4f474e214cef41e42d3fedaef34662b8cc96a89b709e0c52f4a0d229a8e5a6c919bf74e378b5633d17756712ef8e4ac83ea17008679a839c9e58c1f57"
}