Accessibility: Add Keyboard Navigation for Messages

[akirk]

Fixes element-hq/element-web#25123. Extracted from #12189.

Allows to use the keyboard to navigate to messages:

Checklist

• Tests written for new code (and old code if feasible)
• Linter and other CI checks pass
• Sign-off given on the changes (see CONTRIBUTING.md)

Signed-off-by: Alex Kirk <[email protected]>

---

Here's what your changelog entry will look like:

✨ Features

• Accessibility: Add Keyboard Navigation for Messages (#12189). Contributed by @akirk.

[t3chguy]

The CI won't pass until some tests are written

[MidhunSureshR]

You can CTRL+UP your way into collapsed events without them being expanded. This makes it look like nothing is happening when you enter the keys but it's really moving each event up in the collapsed section. Not sure if that is a showstopper.

[t3chguy]

It seems to not work very reliably. Sometimes the focus outline doesn't show. Sometimes it takes mashing the key combo a handful of times for it to move. Sometimes it jumps skipping events.

Screen.Recording.2024-06-10.at.10.38.14.mov

I kept a consistent cadence on the button presses. Looks like maybe it gets stuck on event list summaries for the number of events they contain rather than just treating it as one tile

Screen.Recording.2024-06-10.at.10.39.20.mov