Add title attribute to IconButton for enhanced accessibility

[msobiecki]

• I have followed the 'Sending a Pull Request' section of the
  contributing guide

---

By adding a title attribute, we ensure that sighted users receive a tooltip on hover, enhancing the overall usability of the button. This change complements the existing aria-label attribute, making the button more accessible and informative to all users.

• Updated IconButtonProps to omit "title" in addition to "type" and "aria-label".
• Added title={translateLabel(labels, label)} to the button element in the IconButton component.

This change improves the accessibility and usability of our IconButton component by ensuring that all users, including those using screen readers and those who rely on tooltips, can easily understand the button's purpose.

[igordanchenko]

Thank you for your contribution. Personally, I'm not a big fan of the title attribute tooltips due to their limited utility for keyboard and touchscreen users. However, it's probably a good idea to add them anyway since there is currently no alternative solution for pointer users, and considering that I also have no immediate plans to add full-blown keyboard- and touchscreen-friendly tooltips.

Notes to self on this topic:

Relying on the title attribute is currently discouraged as many user agents do not expose the attribute in an accessible manner as required by this specification (e.g., requiring a pointing device such as a mouse to cause a tooltip to appear, which excludes keyboard-only users and touch-only users, such as anyone with a modern phone or tablet).

https://html.spec.whatwg.org/multipage/dom.html#attr-title

User groups not well served by use of the title attribute

• Mobile phone users.
• Keyboard only users.
• Screen magnifier users.
• Screen reader users.
• Users with fine motor skill impairments.
• Users with cognitive impairments

https://www.tpgi.com/using-the-html-title-attribute-updated/

[github-actions]

🎉 This issue has been resolved in version 3.21.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀