-
Notifications
You must be signed in to change notification settings - Fork 13.5k
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
feat(toast): high contrast support for button text #28804
Conversation
); | ||
}); | ||
|
||
test('should not have visual regressions', async ({ page }) => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do we need screenshot tests for this? I don't think we added any per-component screenshots for dark mode, since the color updates were handled in dedicated theme tests. (We should definitely keep the Axe test though.)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ion-toast
has custom styles for the different high contrast themes that are not covered by the theme tests.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ah, true! Fair enough 👍
Issue number: Internal
What is the current behavior?
With the high contrast themes, the
ion-toast
buttons do not have sufficient color contrast to satisfy Level AAA.What is the new behavior?
ion-toast
buttons satisfy Level AAA color contrast with the high contrast themesDoes this introduce a breaking change?
Other information
Testing Locally
In
core/src/components/toast/test/buttons/index.html
add the stylesheet import either the dark or light high contrast theme:Dark (high contrast):
Light (hight contrast):