Support for hint text in addition to label

[edwardhorsford]

In various places in our service we use hint text in addition to a label.

Looking at various markup in the design system, it seems the pattern is now to have a separate span with the hint text, and add aria-describedby to the input. However talking with @tvararu it doesn't sound like this would get copied over to the autocomplete if we added it to the select.

I think our best option right now is to have hint text be within the label with a span. However if it could support the syntax of other components, that feels like the preferable option. It sounds like it may be as simple as updating a whitelist of attributes that get copied.

[nubz]

accessible-autocomplete/src/autocomplete.js

Line 459 in fe3ea11

const ariaDescribedProp = (ariaHint) ? {

is where this attribute is set and it does not support anything other than a private value (for instruction) or null - we have a need to add hint text ids and any error ids also for accessibility - such a feature could grab the attribute value from the select control (which we render with the required values) to use as the default and concat the instruction hint to it when there is a query. There may be a case to change the label from feature-request to defect as it does break accessibility when screenreaders do not associate the required texts to the control.