Keyboard navigation of toolbar is out of order

[tigoe]

Describe the problem

When a user turns on the VoiceOver screen reader in macOS (Command+F5), the navigation of the toolbar icons follows no logical order.

To reproduce

1. Turn on VoiceOver on MacOS (Command+F5)
2. Navigate using VoiceOver commands (<VoiceOver "Control" key>+<VoiceOver "Option" key>+<arrow key>)
3. Listen to the order the toolbar items are navigated in.

🐛 Toolbar items are navigated from right to left.

Expected behavior

Toolbar items are navigated from left to right:

1. Verify button
2. Upload button
3. New button

etc...

Arduino IDE version

Original report

2.0.0-beta.3

Last verified with

3a70547

Operating system

macOS

Operating system version

Not provided

Issue checklist

• I searched for previous reports in the issue tracker
• I verified the problem still occurs when using the latest nightly build
• My report contains all necessary details

[ubidefeo]

@tigoe I remember we discussed this in our last call.
Thank you for turning it into an official issue we can keep track of

[per1234]

I am able to reproduce the issue on Windows using NVDA with 3a70547 (as well as the 2.0.0-beta.3 of the original report) so it is not VoiceOver-specific.

I'll provide instructions to reproduce with NVDA as well in case they will be useful for the investigation or validation.

1. Start NVDA.
2. Start Arduino IDE.
3. Press Ctrl+N (New).
4. If not already, put NVDA into "browse mode" by pressing the <NVDA key>+Space keyboard shortcut.
5. Press the ↓ key repeatedly to navigate through the toolbar items.

🐛 The navigation is out of order:

1. Debug
2. Upload
3. Verify
4. Serial Monitor
5. Serial Plotter