Audit #1 – General Overview when logged in – Items not reachable or interactive by keyboard

[marcus-herrmann]

Connected to Audit 1, see #4300
1.2 General Overview when logged in, URL: https://ocis-a11y.owncloud.works/#/files/list

Issue

Files and folders (see screenshot) are not reachable via keyboard only. Mobile: Bread crumb dropdown not reachable via keyboard

Mobile (portrait mode) construct of collapsed bread crumbs is no button or link, just a div, even without a click event (a bug?)

"Rolle" Dropdown: Options are not keyboard accessible, only trigger is.

In Account menu, only the third item (a button) is reachable via keyboard:

This is because Profil and Settings are incomplete links (just <a><a/> without href attribute). Some browsers don't put these incomplete/invalid links into the tabindex, making them unreachable.

Remediation

Using (router-?)links for File and folders activator, which is currently just a clickable div. Using a or button should also remedy 2.5.2a.
Mobile (portrait mode) construct of collapsed bread crumbs: Depending on what is intended: disclosure widget? See: https://marcus.io/blog/disclosure-widget-vuejs
Using buttons for every single role option.
Using route links for Profil and Settings

[pascalwengerter]

Closing this since #5018 is merged and we're waiting for feedback (and will open new tickets with the requested changes from the a11y audit)