ibm-security
ibm-security copied to clipboard
Accessiblity Issue; No Tooltip for Buttons in Header Component
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',
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
- Add header component
- Hover mouse over notifications and profile icons
- Notice lack of tooltip
- Fill in clear_all attribute
- Open notifications dropdown
- Notice lack of tooltip on clear all button
Affected browsers
All supported browsers
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.