Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tab navigation disabled in skip link menu #3111

Closed
iadawn opened this issue Sep 12, 2024 · 6 comments
Closed

Tab navigation disabled in skip link menu #3111

iadawn opened this issue Sep 12, 2024 · 6 comments
Labels
bug Code defects; not for inaccurate prose Site Design Related to design of the APG site on w3.org built during 2021 redesign project

Comments

@iadawn
Copy link

iadawn commented Sep 12, 2024

The skip link menu includes a dropdown menu with additional navigation options.

dropdown menu

This menu is made available either by pressing the quick key for the Skip link or by pressing the down arrow key when the skip link has focus.

Navigation within the dropdown menu is only possible using the arrow keys.

This goes against the keyboard guidance in the example disclosure navigation menu which does not indicate that Tab, Shift + Tab navigation is optional.

@iadawn iadawn added bug Code defects; not for inaccurate prose Site Design Related to design of the APG site on w3.org built during 2021 redesign project labels Sep 12, 2024
@JAWS-test
Copy link

No bug, it is a menu, navigation is correct: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/

@iadawn
Copy link
Author

iadawn commented Sep 12, 2024

As a menu, it is quite correct that arrow keys are used for moving through menu items. However, I think menu is the wrong pattern to use for this. It is an in-page navigation aid not an application menu. As such the disclosure navigation menu is much more appropriate to use.

Beyond this, it seems to be a much more involved way to meet 2.4.1 for the user. The terminology on the button is "skip to content". However, that isn't what happens. The button opens a menu that allows the user to skip to parts of the content. And rather than just tab, activate, get to main content the user needs to tab, activate, down arrow, activate, to get to the main content. Perhaps not much but, I would argue, more convoluted. Unless this was tested with users and found to be a much more useful approach?

@JAWS-test
Copy link

I don't know if it has been tested with users, but I personally find it perfect because I can jump not only to the main content, but to any page area.

@daniel-montalvo
Copy link
Contributor

I don't know if it has been tested with users, but I personally find it perfect because I can jump not only to the main content, but to any page area.

You'd still be able to jump to all of this areas, but instead you would use the tab key, just like in any other navigation menu.

I also find this skip link menu very "screen reader oriented". Screen reader users (especially on Windows) are so used to pressing the down arrow key irrespective of the context. But if you look at this from a keyboard-only user, I totally understand why they find it disconcerting.

@mcking65
Copy link
Contributor

It is a menu. first-letter navigation works in it. That is possible only in composite widgets, not in a disclosure. That is an essential feature.

The jump to main item is focused when it opens, so it is not necessary to use the arrow key to jump to main. Just tab and press enter twice instead of once. So, for the "price" of one extra press of enter, you get a ton of additional functionality, including the ability to access it from anywhere on the page with alt+0.

@mcking65
Copy link
Contributor

oops, didn't mean to close. If my comment hasn't resolved the issue, please re-open.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Code defects; not for inaccurate prose Site Design Related to design of the APG site on w3.org built during 2021 redesign project
Projects
None yet
Development

No branches or pull requests

4 participants