Building a Reusable Roving Tabindex Strategy in React, Part 1
A collection of
limestone-karst islands at Maya Bay, Thailand.
Sweet! But things are going to become more complex in a bit.
The Roving Tabindex pattern has been around for some time. It's a very useful pattern when it comes to collections of items that are actionable. Without it, each item in the collection is a tab stop, and if the collection is quite large, maybe more than 5 item large, keyboard users might experience frustration moving pass it. Also, it might be easier for keyboard users to just use arrow keys to move between items instead of using Tab or Shift Tab. For me, at least, it's faster and way more intuitive.

The Praetorian Fountain in
Palermo.
Hilly Landscape in the Village
of Şimon.
Praia da Arrifana,
Portugal.