Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Notification accessibility #14

Open
mattrosno opened this issue Jun 14, 2021 · 3 comments
Open

Notification accessibility #14

mattrosno opened this issue Jun 14, 2021 · 3 comments
Labels
beta Status: mostly complete, fully documented, published timeline carbon react Library: React implementation of Carbon components
Milestone

Comments

@mattrosno
Copy link
Member

mattrosno commented Jun 14, 2021

Summary

Currently, our Notification components support rendering interactive content inside of the notification itself. This content includes components like links or buttons. Unfortunately, Notifications in their current implementation are unable to correct relay this information to screen readers as all semantics are stripped in the content of a notification.

This update to Notification will include some research in order to figure out the correct way to provide accessible options for both text-only notifications and notifications with action items.

Job stories

  1. When using a notification component, I want it to be accessible for screen readers and keyboard interaction, so the content can be available to all without stealing focus.

Success measures

  1. Toast notifications are updated to not contain interactive children (actions)

Sponsoring team

Carbon team

@mattrosno mattrosno added the carbon react Library: React implementation of Carbon components label Jun 14, 2021
@mattrosno mattrosno added this to the v11 release milestone Jun 14, 2021
@carbon-design-system carbon-design-system locked and limited conversation to collaborators Jun 14, 2021
@mattrosno
Copy link
Member Author

@mattrosno mattrosno added the beta Status: mostly complete, fully documented, published timeline label Jun 14, 2021
@mattrosno
Copy link
Member Author

@tay1orjones
Copy link
Member

This is pretty well complete based on the success measure outlined above. It's not officially released yet though since it's all breaking changes wrapped into v11.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
beta Status: mostly complete, fully documented, published timeline carbon react Library: React implementation of Carbon components
Projects
None yet
Development

No branches or pull requests

2 participants