Poor accessibility of the diff buttons

[svgeesus]

From Léonie Watson:

one suggestion is to use the aria-pressed attribute instead of disabling the active button. The disabled attribute removes the button from the tab order, and it's easy to tab past it without realising it's there.

Working example is the light/dark mode toggle on my blog:

https://tink.uk

[fantasai]

Maybe we need to recode this as radio buttons or something? aria-pressed talks to the accessibility APIs maybe, but for sighted mouse users it does nothing to indicate the fact that this button is pressed and clicking on it will not do anything. (We could use CSS to make it look disabled, of course, but at that point it seems like we're just building something out of pieces and hoping the assembly will work properly rather than using appropriate markup to begin with.)