The Notification samples with rich content (text, buttons) use a layout that doesn't adapt to smaller viewport sizes; the contents overflow the notification.The Notification samples with rich content (text, buttons) use a layout that doesn't adapt to smaller viewport sizes; the contents overflow the notification.
=> As a quick-fix, enable wrapping on the HorizontalLayouts used in the samples.
The number badge in the notification button in the Use Sparingly example applies an aria-label on the button instead of relying on the Badge within the button to supply an accessible name for it. Remove the aria-label and use the Badge's number variant to provide a screen-reader accessible but invisible "Notifications" text in addition to the number.
The Notification samples with rich content (text, buttons) use a layout that doesn't adapt to smaller viewport sizes; the contents overflow the notification.The Notification samples with rich content (text, buttons) use a layout that doesn't adapt to smaller viewport sizes; the contents overflow the notification.
=> As a quick-fix, enable wrapping on the HorizontalLayouts used in the samples.
The number badge in the notification button in the Use Sparingly example applies an
aria-labelon the button instead of relying on the Badge within the button to supply an accessible name for it. Remove thearia-labeland use the Badge's number variant to provide a screen-reader accessible but invisible "Notifications" text in addition to the number.