Keyboard accessibility

[foolip]

Loading https://webstatus.dev/ and hitting TAB repeatedly ends us cycling between two items in the sidebar, both of which get two tab stops. Focusing something else like the search field and tabbing through eventually cycles around to the same place and gets stuck in the sidebar menu.

[jcscottiii]

Thanks for reporting this @foolip !

This is definitely a bug.

[dlaliberte]

Experimenting to figure out what is happening, I noticed a few interesting things, which might be clues.

First, using the shift-TAB repeatedly does navigate to all locations including the page content, but in reverse order, and it does not get stuck in the sidebar items.

Second, there are two sl-trees in the sidebar which both have a tabindex that changes between -1 and 0 as the items are visited. When visiting the "Features" item, the first sl-tree tabindex is set to -1, and when tabbing out to the "Report an issue" item in the second tree, the first sl-tree tabindex is changed to 0 and the second sl-tree tabindex is changed to -1.

Third, this changing of the tabindex value also happens when shift-TABbing, but one more oddity: When shift-TABbing from the first item on the page content back to the last sidebar item, if I then hit TAB, it does go back to the first item in the page content. But if I shift-TAB twice, then TABbing forward does get stuck in the same loop.