Skip to content

Accessibility re fonts and contrast #34

@chrillek

Description

@chrillek

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:

  1. Pixels have different sizes on different devices.
  2. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions