Implement HasAriaLabel for html elements with a landmark role

[jcgueriaud1]

Describe your motivation

For some html components it's recommended to use aria-label, aria-labelledby, and aria-describedbybut in Flow these components are not implementing the HasAriaLabel interface

Describe the solution you'd like

When it's recommended to use the aria-label, I would like to use the interface, when it's not recommended, we can use a Helper method or directly the Element API.

Describe alternatives you've considered

We could use directly the Element API.

Additional context

There is a link that explain the problem: https://www.tpgi.com/short-note-on-aria-label-aria-labelledby-and-aria-describedby/

So I wouldn't add the HasAriaLabel for a Div because it requires a role attribute.
But for the iframe, img, header, footer, main, nav, aside, section, and form, a, audio and video, input, select, button, and textarea.

Currently Main or Image implement the HasAriaLabel but it's not the case for an IFrame or Aside.

I don't know where the static methods could be added. At the same time we could add more aria-attr:
AriaHelper.setAriaLabel(myOddComponent, "This is odd");
and
AriaHelper.setAriaRole(myOddComponent, "complementary");
...

[jcgueriaud1]

Link for the internal thread: https://vaadin.slack.com/archives/CSXCXSAMR/p1697807623026819

[jcgueriaud1]

I found the reason in the Flow code: https://www.w3.org/TR/using-aria/#label-support

For most assistive technology it's fine to use aria-label or aria-labelledby on the <nav>, and <main> elements but not on <footer>, <section>, <article>, or <header> .

At least, the IFrame should implement the HasAriaLabel according to the 2 links

[anezthes]

section + aria-labelledby = <3

To name a section, provide it one of the following attributes (listed in order of preference, with the third option being the least optimal):

• aria-labelledby
• aria-label
• title

https://www.scottohara.me/blog/2021/07/16/section.html

[vaadin-bot]

This ticket/PR has been released with Vaadin 24.4.0.alpha3 and is also targeting the upcoming stable 24.4.0 version.