I am creating this as a new issue instead of it being on each of the open pr for custom elements as it effects them all.

When testing the custom elements there are several accessibility issues identified

1. Clicking on a label should give focus to the field
2. The label for the field should be announced but it is not

Looking at the following video from google and the associated examples it is clear to see that there are quite a lot of changes that need to be made to all the custom elements that are being used in j4 to make sure they are accessible and standards compliant. (This includes the custom elements already merged and all future elements)

Unfortunately as this is all js I can't help with writing fixes I can just point out the issue and stress the severity of it.

From my understanding of this it is not correct to just have the field in the custom element. The label must be in the custom element as well

Short Video - watch first

https://www.youtube.com/watch?v=7a6bLXw2lqQ

Documentation and examples

https://developers.google.com/web/fundamentals/web-components/examples/