[Bug]: Checkbox tab navigation behavior is strange/doubled.

[arazni]

LumexUI Version

v1.0.0

Description

When tabbing through the checkboxes in the docs, the first tab will highlight the checkbox. Tabbing again will seemingly invisibly select/highlight the checkbox again.

• Only one instance of the checkbox should be tab-navigable, so the second invisible instance should be removed.

Steps to reproduce

Visit your docs.

Reproduction 1:

Tab over to a checkbox. It will highlight correctly.

Then hit tab one more time.

Hitting space will check or uncheck the checkbox, even though you should've navigated away from it by now.

This implies there's a second instance of the checkbox somewhere.

Reproduction 2:

Tab over to a checkbox. It will highlight correctly.

Space will check it or uncheck it.

However, it will also shift to the "second instance", where it is no longer highlighted.

Expected behavior

Tabbing over a checkbox should only happen once and be highlighted.

This also has strange, though functioning screenreader behavior.

Tabbing onto the checkbox labeled "Option" for the first instance, visible highlight instance reads this way:
clickable Option check box checked Option

Tabbing to the second instance reads this way:
Option check box checked

The second instance sounds better to me, where the first one sounds repetitive and buggy.

A good fix would manage all 3:

• The visible highlight behavior of the first tab
• The screenreader behavior of the second tab
• Reduce down to a single tab to navigate

Notes

No response