Recently, a zk user reported that they couldn't tab through all interactive elements on a zul page. This behavior is tied to a little-known setting deep in Safari’s Settings.
Keyboard navigation is essential for accessibility, allowing users who rely on keyboards or assistive technologies to navigate without a mouse. It also benefits power users who prefer using Tab for faster navigation. If this doesn't work as expected, especially on Safari — one of the major browsers — it can be a frustrating and invisible blocker.
Assuming I create a page with a textbox, menubar, menuitem, anchor link, intbox, navbar, and navitem, and visit it with various browsers.
When pressing the Tab key in Chrome (136.0), Firefox (138.0), and Edge (136.0), I can successfully move through all components, including each link, menu item, and nav item.
But within Safari (18.4), I can only focus on some components. Safari will skip most menu items, links, and nav items.
You can try the page on zk fiddle with your Safari.
I found the root cause is:
The option “Press Tab to highlight each item on a webpage” in Safari Settings is unchecked by default.
After I checked that option, I can focus on all components by pressing the Tab key. If it’s unchecked, you have to press Option + Tab key to focus on all components.
Top comments (0)