This should be a complete selector for all focusable elements that are in the TAB order:
```
:where([tabindex], a[href], area[href], map[name] area, audio[controls], button:not([disabled]), embed, iframe, img[usemap], input:not([disabled],[type="hidden"]), object:not([disabled]), select:not([disabled]), summary, textarea:not([disabled]), video[controls]):not([tabindex="-1"])
```
Have I missed anything?
(nb. notwithstanding hidden or invisible, that's a different test)
#accessibility #testing
James Edwards /
npub1t4…u07pz
2024-07-01 14:16:59
Author Public Key
npub1t4u2jqzxdjr66fmdkvfgggs08tpkz8uagr2wp7dd4058vuantc9qdu07pzPublished at
2024-07-01 14:16:59Event JSON
{
"id": "75a2daf180b0bebba975a1c5d9b4484c7f10d842f394f7feceda9fd68e03f2fb",
"pubkey": "5d78a900466c87ad276db31284220f3ac3611f9d40d4e0f9adabe87673b35e0a",
"created_at": 1719836219,
"kind": 1,
"tags": [
[
"t",
"accessibility"
],
[
"t",
"testing"
],
[
"proxy",
"https://mastodon.world/users/siblingpastry/statuses/112711186488795148",
"activitypub"
]
],
"content": "This should be a complete selector for all focusable elements that are in the TAB order:\n\n```\n:where([tabindex], a[href], area[href], map[name] area, audio[controls], button:not([disabled]), embed, iframe, img[usemap], input:not([disabled],[type=\"hidden\"]), object:not([disabled]), select:not([disabled]), summary, textarea:not([disabled]), video[controls]):not([tabindex=\"-1\"])\n```\n\nHave I missed anything?\n\n(nb. notwithstanding hidden or invisible, that's a different test)\n\n#accessibility #testing",
"sig": "3d5570f091189f9c2335515693b7daec21d66e1051a9a6c114686e7f5472d630951d6754c6ef80585319ecef2fc791ecf4dfcb3959d2449ffc2c558c788b40f4"
}