Do you know of any easy to use solution which makes any website navigable with Direction Keys?

[viaahmed]

Hello @AndrejGajdos
Hope you are fine. I noticed no recent activity here.
No problem, I have many Ideas, I am not a developer, just a budding one, a student.

I was searching for a solution which makes it easy to add Directional Navigation (via Arrow Keys) on Webpages.

I found one library. But when I saw its documentation, my head got overload...
I was thinking of a solution as simple as adding an extention to browser and tada! the browser should respond on Arrow key press.

By the way, I want to tell you about an App which I am trying to use, it is Notes Taking App named Obsidian.md. An interesting thing is that, the app can be custom style via CSS, and people may write Plugins, in JS. It was made keeping in mind programmers, but it lack the quality to have 100% mouse-less control and navigation.

I was searching for List of free online tools and resources in form of web applications or web services for front-end development... and stumbled over to this page.

The WICG Library
Ah! Found WICG extension But it is not easy to use...

[AndrejGajdos]

Sorry, but I am not sure if I understand.

"I was thinking of a solution as simple as adding an extention to browser and tada! the browser should respond on Arrow key press."

How browser should respond? What should happen after pressing arrow key?

[viaahmed]

@AndrejGajdos Thanks for your interest, I meant there should be a library or a browser extension, which when added to a website should enable complete/proper WASD navigation [or arrow keys navigation like in a feature phone]. I am talking about a keyboard navigation method different from the TAB key navigation. This JS library or browser extension should aim to solve the difficulty for a developer to manually specify which element to index and which element to skip from the keyboard focus. That is, it should intelligently index what elements to be *keyboard-able* and what to not. Such solution will make websites and web-apps easy to use in Smart Televisions. This may be a niche, but think about a time when people will use TVs for surfing websites and using apps, besides, it will delight all those keyboard users out there, who wished that they could use the web only using a keyboard [minus mouse]. I am leaving this link to explore the subject more https://www.smashingmagazine.com/2018/07/web-with-just-a-keyboard/

…

On 1/24/21, Andrej Gajdos ***@***.***> wrote: Sorry, but I am not sure if I understand. _"I was thinking of a solution as simple as adding an extention to browser and tada! the browser should respond on Arrow key press."_ How browser should respond? What should happen after pressing arrow key? -- You are receiving this because you authored the thread. Reply to this email directly or view it on GitHub: #1 (comment)

[viaahmed]

To be specific, when pressing the arrow keys for the first time, the user may be prompted, whether, they may like to just scroll or move around with the arrows.
or when the user presses any arrow key for the first time, instead of scrolling, the elements get focus.

[viaahmed]

In my opinion, the benefit of Arrow navigation over Tab navigation is that, the user don't have to guess where the tab will fall.