[a11y]: Notification kind type is not conveyed by screen readers

[guidari]

Package

@carbon/react

Browser

Firefox

Operating System

No response

Package version

v1.56.0

React version

18.02

Automated testing tool and ruleset

Manual QA

Assistive technology

JAWS

Description

The type of notification is not conveyed by the screen reader. Change the kind prop in the playground

Recommended Fix

Ensure that type of notification is conveyed by the screen reader as well

WCAG 2.1 Violation

No response

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-notifications-actionable--playground

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I checked the current issues for duplicate problems

[tay1orjones]

The icon description is enough to convey the type of notification, provided that description is accurate. So this can be fixed with the following:

• [ ] Set aria-hidden="false" on the icon in NotificationIcon to override the default coming from the icon components.
• [ ] Add a default parameter for NotificationIcon's iconDescription. Earlier parameters can be referred to in the initializers of later parameters so iconDescription = `${kind} notification icon` should be possible
• [ ] Modify the iconDescription={statusIconDescription || `${kind} icon`} usages from all 4 notification components to just iconDescription={statusIconDescription}
• [ ] Remove any iconDescription value/default overrides used in storybook to ensure storybook always shows the new default string