Improve Accessibility

[OfficialFreak]

Is your feature request related to a problem?

I tend to use my laptop purely with the keyboard as moving the mouse with the trackpad is not as precise or fast. On Artemis however I have to use my mouse because when selecting a course you have to tab through the entire Navbar and sometimes cannot see which elements are focused. When selecting an excercise I tend to have the same problem and cannot open or collapse categories. This Problem isn't purely related to efficiency as it also affects people with screen readers or mobility disabilities.

Describe the solution you'd like

I'd like if there was:

• a button "jump to content" such as in Google or YouTube
• styles for elements when they are focused (you can use the :focus-visible class as this doesn't mess up styles when you focus them with the mouse by clicking) and preferebly
• Only one focus-able target per course in the course overview so you can quickly tab to each course
• Auto focus on an excercise in the sidebar when opening it using CTRL Shift B
• A way to open and collapse the excercise categories using the keyboard, as future excercises are collapsed by default and therefore inaccessible
• A way to open excercises using the keyboard as when selected, SPACE and ENTER don't work

Describe alternatives you've considered

I've considered making a Tampermonkey script to fix the above mentioned issues for myself but came to the conclusion that these issues might affect more people.

Additional context

The mentioned Skip to content button on google: :focus-visible: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible Auto-Focus using: .focus()

[janthoXO]

consider adding a feature proposal for this