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

Text colors in div.mw-message-box in dark theme fail to meet WCAG AA level #639

Closed
Dringsim opened this issue May 28, 2023 · 1 comment
Closed

Comments

@Dringsim
Copy link
Contributor

Dringsim commented May 28, 2023

In page“test”,

<div class="mw-message-box-success mw-message-box"><p>success [[test]] [[首页]] [[www]]</p></div>
<div class="mw-message-box-warning mw-message-box"><p>warning [[test]] [[首页]] [[www]]</p></div>
<div class="mw-message-box-error mw-message-box"><p>error [[test]] [[首页]] [[www]]</p></div>
<div class="mw-message-box"><p>info [[test]] [[首页]] [[www]]</p></div>

results (page “首页” exists, while “www” not):
image
Contrast ratio:

class background color --color-base--emphasized --color-link --color-link-new
mw-message-box-success --background-color-success 3.90 1.24 1.27
mw-message-box-warning --background-color-warning 3.91 1.24 1.27
mw-message-box-error --background-color-destructive 5.69 1.81 1.85
(mw-message-box) --color-surface-2 13.62 4.33 4.43
@alistair3149
Copy link
Member

Thanks for the report! I'm aware is the issue and opting to revamp the state background colors soon. Would be looking into it at the end of the week

@Dringsim Dringsim changed the title Link colors in div.mw-message-box in dark theme fail to meet WCAG AA level Text and link colors in div.mw-message-box in dark theme fail to meet WCAG AA level May 29, 2023
@Dringsim Dringsim changed the title Text and link colors in div.mw-message-box in dark theme fail to meet WCAG AA level Text colors in div.mw-message-box in dark theme fail to meet WCAG AA level May 29, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants