Bug: Keyboard Tab Navigation Not Working Properly in Settings Modal

[Jatin24062005]

p5.js version

No response

What is your operating system?

None

Web browser and version

No response

Actual Behavior

While testing keyboard accessibility in the Settings modal, tab navigation is not functioning correctly.

The focus gets trapped within toggle options (e.g., On/Off buttons).
Pressing Tab cycles between these buttons instead of moving forward.
It does not reach other tabs like:
Accessibility
Library Management

This creates an accessibility issue for keyboard-only users.

Expected Behavior

Tab should follow a logical focus order:
Move across sections
Reach top navigation tabs (Accessibility, Library Management)
Not get trapped inside toggle components

Steps to reproduce

Open the Settings modal
Start pressing Tab key to navigate
Observe focus behavior

// Paste your code here :)

[Nishthajain7]

Can I work on this issue?

[Nishthajain7]

To switch between sections (General, Accessibility, Library Management), the user can use right and left arrows. But for toggles, even though arrows can be used, we should also allow tab key navigation. From the last toggle (for example "Word Wrap" in general settings), when the user clicks tab it should go back to "General Settings" again.
Is this the correct behavior?

[raclim]

Thanks for raising this issue @Jatin24062005 and for your interest @Nishthajain7—I think that overall behavior makes sense to me. Just assigned this to you!

[Nishthajain7]

@raclim I made a PR that fixes this issue.