[Bug]: Select LabelPlacement "Outside" is not correctly associated with the Select component

[arazni]

LumexUI Version

v1.0.0

Description

When using a screen reader, if the LabelPlacement=Outside, the label is not read when tabbing onto the button. This prevents the user from knowing anything about the purpose of this button unless the dev also specified a good placeholder text.

Steps to reproduce

Visit your docs and download a screenreader like NVDA.

Tab over the buttons in the label demo section.

You will hear the inside labels be read correctly, then the outside label examples will be read as:

First:
button

Second:
Select an animal button

This hinders someone who can't rely on sight from understanding the purpose of the button.

Expected behavior

The label should be correctly associated with the button it's for.

Notes

I recommend using aria-labelledby, and perhaps a guid or other identifier.