Popover sets ARIA attributes on field component root instead of input element

[rolfsmeds]

What is the problem?

Popover sets aria-haspopup, aria-expanded and aria-controls attributes on its target element, but on field components these are ineffective as they are not applied to the native input element inside, where focus goes, but on the root element, where they are not seen by screen readers.

Example: https://vaadin.com/docs/latest/components/popover#rich-interactive-tooltip

Popover's ARIA attributes should be applied to the native inputs instead of the root element, similarly to aria-label(ledby) and aria-describedby.

Browsers

• Chrome
• Firefox
• Safari
• Safari on iOS
• Edge

Screen Readers

• None
• NVDA
• JAWS
• VoiceOver on MacOS
• VoiceOver on iOS