Tabs are not keyboard accessible, nor follow accessibility standards

[Jason Day]

Actual behavior

Unable to access or activate tabs via keyboard.

Expected behavior

The ability to access and activate tabs via keyboard.

The issue is that Wiki.js is using <li> for interactive elements, which is semantically incorrect.

<ul class="tabset-tabs">
    <li class="is-active">Usage</li>
    <li class="">Shortcuts</li>
    <li class="">Examples</li>
    <li class="">Stylings</li>
</ul>

And the component does not include the necessary attributes to make the component accessible to screen readers and other assistive technologies beyond the inability to keyboard access.

See: https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html

Additionally, there are other high user impacting accessibility issues throughout the site - are there plans to improve wiki.js's accessibility?

[Nicolas Giard]

Fixed by 63ecb32 and will be part of the next hotfix release.

Added all attributes and controls listed in the link your provided.

Tabs are now properly focusable and can be controlled via Left/Right arrows, Enter/Space, Home and End keys.

Accessibility should improve in v3, but feel free to report any other major accessibility issues for v2 in the meantime.

[coutouly]

hello,
when v3 will be expected ?
thanks