ibm-security icon indicating copy to clipboard operation
ibm-security copied to clipboard

Accessiblity Issue; No Tooltip for Buttons in Header Component

Open Nathan-Adams-IBM opened this issue 3 years ago • 1 comments

Bug

The buttons in the Header component, in this case notification and profile buttons, lack support for adding tooltips to clarify the button action.

Description

Tooltips are missing for:

  • Notification icon
  • Notification item dismissal button
  • Notification batch items dismissal button
  • Profile button
<Shell
  header={{
    labels: {
      brand: {
        company: 'IBM',
        domain: 'Security',
        product: 'Application'
      },
      notifications: {
        button: 'Toggle notifications',
        clear: 'Clear',
        clear_all: 'Clear all notifications',
Screen Shot 2022-04-26 at 2 51 48 PM Screen Shot 2022-04-26 at 2 52 34 PM

Expected behavior

It's expected that there will be properties for each of the buttons to provide optional tooltips.

Actual behavior

No tooltip is shown when hovering over specified elements.

Steps for reproducing

  1. Add header component
  2. Hover mouse over notifications and profile icons
  3. Notice lack of tooltip
  4. Fill in clear_all attribute
  5. Open notifications dropdown
  6. Notice lack of tooltip on clear all button

Affected browsers

All supported browsers

Nathan-Adams-IBM avatar Apr 26 '22 19:04 Nathan-Adams-IBM

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

stale[bot] avatar May 27 '23 00:05 stale[bot]