chore(form-field-text-like): Manual accessibility updates (WIP)

[jason-evans-genesys]

✅ Closes: COMUI-3408

*Update: spoke with @katie-bobbe-genesys and the current solution in this PR is not what we want so will brainstorm some other ideas.

[github-actions]

Demo will be published at https://apps.inindca.com/common-ui-docs/genesys-webcomponents/feature/COMUI-3408-v2

[jason-evans-genesys]

@katie-bobbe-genesys I set the input's aria-describedby to be the id of the loading element, however, this doesn't seem to trigger anything new from the screenreader when using voiceover on mac. Are we sure aria-describedby is needed here? I just wanted to make sure I wasn't missing something.

[katie-bobbe-genesys]

@jason-evans-genesys I took a look and aria-describedby won't work here because of how linking id's works across the shadow dom. The input component is in the light dom while the loading-indicator is in the shadow dom. So because of this the id won't link to the aria-describedby. I think we might need to do something similar to how we handled the suffix and prefix? But may need some changes to account for the fact that the loading indicator is not a slot. Let me know if you would like me to take a closer look here

[jason-evans-genesys]

@katie-bobbe-genesys my idea was to slot in the loading text and then read it out to the screenreader.