After we access the main site, and open the starting page online-go.com/, we have a horizontal top menu. Using just the keyboard, I can navigate it by pressing the TAB key. It will focus, in the shown order:
Tools? No! This menu item is NOT focused, and the focus is skipped to the next item, the search field.
It is not the only issue here, but it is an important one. And something hard to do with the browser! Using only the keyboard, I can get most buttons focused by searching their caption text. For example, in the main page I could press the button “I want to translate” by searching the word “translate” in the page, finding the button occurrence, and when I cancel the search function at this point, I can press the button with Enter or Space keys. But this does not work with the Tools menu! Why is that? What the Tools menu has that it is forbidden to be used like common website parts?
Do you think I should edit my original post to mention this detail, @PJTraill? “Tools” is text, this is absolutely clear. It is found when I search the page with the browser. It is not needed to check the source.
And it could use any characters in the language I choose to use the site. It would not matter.
The point I tried to raise is: using the keyboard, the first site element to be focused in the main page is the logo/“start” text; the second element would be the “play” link; the third, “learn”; the fourth, “observe”; the fifth, “community”; and the sixth should be “tools”, but it is not focused at all, with the keyboard!
I can focus the previous elements directly by doing a browser search for the cited words. And this does not work for the “tools” element, for a reason that I do not know in the things that sites can allow or block. I can use any pointing device to use the menu. So, the menu works. The problem is: I cannot use it now! There is a basic usability issue in the top menu.
@genbeart , being an image or not, it does not matter (to get focus by pressing TAB). And for it not receiving focus, in my humble HTML knowledge, it is due a decision (or lack of one) of who created/edited/whatever that element, it does not get focus.
In HTML, page elements may or may not be allowed be in what can be (naturally) focused in the page. So, the fact that this element is not focused, seems to be a decision. Possibly using one of the techniques described here:
So, what should be done? Something else besides this discussion?
If you have a bug write it in Bug Report category. If you’re asking for help then lowering your tone to make it sound like actual question instead of admonition and accusation would make it likely for you to receive equally poised response.
People, can you understand that the OGS main site has a very simple and […] issue that all of you can notice and reproduce in 15 seconds or less, using any desktop computer? (or anything where we can use things without things like mice or direct point touching)
The reason “Tools” gets skipped over is because it’s not a link, while the other menu items are. But it’s not just “Tools” that isn’t reachable by tab navigation. The links in the submenus are also not navigable by tab.
Keyboard on mobile shouldn’t be too different from keyboard on desktop, hopefully. Anyway, if you make everything a link, you don’t have to think too hard about what devices people might be using, since everything should support links pretty well. Here’s a visualization of all the <a> tags on a random page: