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.

Sign up for GitHub

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

Accessibility re fonts and contrast #34

Open

chrillek opened this issue Mar 3, 2024 · 0 comments

chrillek commented Mar 3, 2024

The extra light variant of Mulish is so thin, that it's difficult to read, especially in dark mode. Also, the font size should not be set to 14 px:

Pixels have different sizes on different devices.
A web document should respect the user's font size choice

Therefore, something like 100% or 1em for the font size would be more appropriate.

With this definition:

.text-steel-500 {
  --tw-text-opacity: 1;
  color: rgba(5,148,203,var(--tw-text-opacity));

the contrast between the headings (class text-steel-500) and the background is too low at 3.41:1.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment