[Button] Improve icon-only button

[renow-luxembourg]

Feature Request

Current Behavior : In button component with svg only content, on mousehover there are no way to get a visible label. It's ok for known icons like the "burger menu" or the "magnifying glass", but it can be difficult for little-recognized icons. It's also ok for people using screen reader because an aria-label attribute can be specified on the element.

Expected behavior/code : To get a visible indication on hover (like the browser hover tooltip) for icon only button.

Environment

• AEM 6.5.19
• Core Components version 2.23.4 - Button composant v2

Possible Solution : Add a title attribute on the

element. It have to be equal to the aria-label attribute value (to avoid a double vocalisation by the screen reader). I choose to add it by default when there isn't text content in the button. An alternative is to add a checkbox in the cq_dialog

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[renow-luxembourg]

Adobe CLA filled and signed.