News for hackers. Stuff that matters.
Re:Please support "skip to main content" on your docs site by koito17 on Monday June 03, 2024 @10:55PM (#40570259)

  On day 1 of this journey I realized how important the Tab key is for website navigation. Tab lets you jump between focusable elements such as links and buttons. If you’re viewing this page from a computer with a keyboard you can try it now [...]
I tried pushing <TAB> and Firefox refuses to do anything with the page. Extremely ironic. I've never experienced a website not being able to do anything with the tab key. For instance, if I push <TAB> right now, Hacker News will navigate me to the "add comment" button. But this website claiming that "a lot of docs sites suck at Tab-based navigation"? Somehow it manages to be the worst I've seen yet.

Just to make sure this is not a Firefox issue, I opened the page in Safari, pushed <TAB>, and nothing happened. At this point I'm not sure if the author is performing some elaborate prank on me. I agree that accessibility is important, and being able to quickly navigate with tabs and arrow keys is something that many modern web apps fail at, but some of them do pretty well! (Slack is surprisingly good at placing focus on the most commonly used widgets of the app, and they even provide a mini tutorial on your first attempt at keyboard navigation).

Assuming that this article is not intentionally breaking keyboard navigation, they should hold themselves to the same standards they have outlined.

Re:Please support "skip to main content" on your docs site by slimsag on Monday June 03, 2024 @11:02PM (#40570285)
Firefox disables tab key navigation on macOS by default.

You can enable it via System Settings -> Keyboard -> 'Keyboard navigation' toggle

Then it works exactly the way the author described (which is also the default on Windows and Linux, I believe)

Re:Please support "skip to main content" on your docs site by re on Monday June 03, 2024 @11:38PM (#40570447)
> Firefox disables tab key navigation on macOS by default

To be more specific, it only navigates between form elements (including <button>) by default. I was curious why Tab was taking me all over a StackOverflow page but not the one linked here.

Re:Please support "skip to main content" on your docs site by koito17 on Monday June 03, 2024 @11:06PM (#40570304)
Thanks for mentioning this. Navigation now works as expected on Firefox, but Safari for some reason still doesn't do anything.

Now I am curious why Mac OS has defaults that seemingly break accessibility on some websites? This is the first time in recent memory that I've experienced a page not responding to tab keys at all. Your suggestion remedied the issue on Firefox, but not on Safari for some reason.

Re:Please support "skip to main content" on your docs site by panzerboiler on Tuesday June 04, 2024 @01:38AM (#40571024)
The default shortcut choosen by apple is option+tab (...). You can change it on the preferences of Safari, but not on iPadOS (or I didn't find the way to do it).
Re:Please support "skip to main content" on your docs site by throwitaway1123 on Tuesday June 04, 2024 @10:47AM (#40575186)
Safari requires yet another setting to be toggled in order to allow tabbing between links [1]. Apple is normally at the vanguard when it comes to accessibility, but there are a few legitimate keyboard navigation quirks in Safari.

[1] https://www.mayank.co/blog/safari-focus#keyboard-navigation

Re:Please support "skip to main content" on your docs site by o11c on Monday June 03, 2024 @11:14PM (#40570341)
The apostrophe key is also very useful, to jump quickly to a particular link.

Unfortunately a lot of websites have no searchable text on their links. Sometimes the problem is that it's an icon; other times the problem is that the text is not added in a way that allows search (I don't HTML enough to know all the ways). This is in addition to all the clickable elements that aren't tabbable, ugh.

I've also found a significant number of scrolling/sliding and menu-like elements where tabbing does weird things (partial scroll, not adjacent, etc.).

Re:Please support "skip to main content" on your docs site by netghost on Tuesday June 04, 2024 @01:07AM (#40570881)
I never knew about this, thank you!
Re:Please support "skip to main content" on your docs site by SoftTalker on Monday June 03, 2024 @11:12PM (#40570337)
Most pages have so many clickable/focusable elements that tab navigation is next to useless.

There was a browser called xxxterm (later called xombrero) that did this pretty nicely. There was a hot key that showed a little overlay of a number on each link. Type that number and it clicks the link.

Sadly the project was discontinued. It was one of my favorite browsers.

https://en.wikipedia.org/wiki/Xombrero

Re:Please support "skip to main content" on your docs site by kenniskrag on Monday June 03, 2024 @11:33PM (#40570423)
Re:Please support "skip to main content" on your docs site by PhilipRoman on Tuesday June 04, 2024 @01:50AM (#40571086)
It's a really cool feature, I use it everywhere I can: Link Hints extension in browser, EasyMotion in Vim, the "dot" shortcut in elinks, etc.
Re:Please support "skip to main content" on your docs site by herewulf on Tuesday June 04, 2024 @03:03AM (#40571469)
Tridactyl does this also. Nyxt does this also.

If you really care about all websites having roughly the same key binding experience then you need to use an extension or custom browser.

Re:Please support "skip to main content" on your docs site by Arnavion on Monday June 03, 2024 @11:04PM (#40570296)
Works fine for me in FF 126.0.1 on desktop Linux.
Re:Please support "skip to main content" on your docs site by kaycebasques on Tuesday June 04, 2024 @11:42AM (#40575753)
updated the post to cover browser/OS compat: https://technicalwriting.dev/a11y/skip.html#macos-and-window...