Navigate website using keyboard arrows


I would like visitors to navigate across recipe ‘phases’. Phase 1 could be ‘making the sauce’ while phase 2 could be ‘Making the dough’, both belonging to the same recipe. The main feedback I’ve gotten is that chefs don’t want to click around since they hands are dirty, they’d prefer to use Left + Right arrow keys.

  1. Is that possible without using a slider?
  2. If the slider is the only option, how should I proceed given my current setup?

All feedback is much appreciated!

Here’s my public share link