Problem/Motivation

from the list of available source type tabs only the active one is included in the tab index on admin/modules/browse. All the other available source types tabs are not reachable by the keyboard that way. (see tabindex.mp4)

Steps to reproduce

if you first get on admin/modules/browse the drupal.org json:api tab is active. try to reach the recipes tab just with the keyboard without using the mouse.

Proposed resolution

include all enabled source type tabs into the tabindex and drop the onKey function in the tabs.svelte file so the navigation between tabs is only tab based and not arrow key based.

CommentFileSizeAuthor
tabindex.mp4122.66 KBrkoller
Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

rkoller created an issue. See original summary.

rkoller’s picture

Issue summary: View changes

and i just noticed in tabs.svelte starting in line 12 the onKeydown function the user is able to instead of moving between the focus states with the arrow keys instead of the tab button. in addition to the point added in the proposed resolution adding all visible tabs to the tab index i would also remove the keyboard navigation by the arrow key since it is breaking with the usage pattern used in other parts of the admin UI that also has secondary tabs (for example on admin/structure/types/manage/article/display )

sourav_paul’s picture

Assigned: Unassigned » sourav_paul

sourav_paul’s picture

Assigned: sourav_paul » Unassigned
Status: Active » Needs review

I don't feel droping onKeydown() is better approach as after doping the function, can't switch project browser tabs using arrow keys Or tab.

utkarsh_33’s picture

Status: Needs review » Needs work

i would also remove the keyboard navigation by the arrow key since it is breaking with the usage pattern used in other parts of the admin UI that also has secondary tabs (for example on admin/structure/types/manage/article/display )

This explains the reason why we need to drop onKeydown().
Also the GitlabCI is not passing so marking it NW again.

utkarsh_33’s picture

Status: Needs work » Needs review

Even though the CI might fail but everything under the scope of the issue is done.So marking it NR for any feedbacks on the changes or any suggestions.

rkoller’s picture

Status: Needs review » Reviewed & tested by the community

thanks for the update @utkarsh_33. i've manually tested and the secondary tabs are all included in the tabindex now while it is not possible to navigate those secondary tabs by the left and right arrow key. so from a functional perspective this looks good to go. the tests are also green. i would say this issue is RTBC and let chris or who is reviewing the issue in the end decide if filterByCategory() should be dealt within this issue or a followup. but a followup seems the better pick as you've already suggested in one of the comments on gitlab.

chrisfromredfin made their first commit to this issue’s fork.

chrisfromredfin’s picture

Status: Reviewed & tested by the community » Fixed

Thanks for the report!

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.