Skip to content

Page Header - Increase Text Contrast #172

@crepererum

Description

@crepererum

What

On the landing page (https://parquet.apache.org/) increase the text contrast for:

  • the navigation bar
  • the summary about what Parquet is in the middle

The affected areas are marked on this screenshot:

Image

Why

Now I could make a subjective argument and say "look at it, it feels hard to read" and if you agree with that you can skip the remaining Why section.

But there's also a strictly technical argument here: Accessibility/A11y as defined by the W3C, specifically WCAG 2.2 - Technique G18. WCAG is the underlying technical specification for many laws around the world (reference), which I think is a solid reason why we should at least try to adhere to it.

How

There are multiple ways of fixing this. I personally think that one will always have a hard time when trying to get a readable text overlaying a picture. Hence I suggest that the two sections mentioned above shall get a solid-colored background. That also makes the constrast calculation way easier if one wants to check if the contrast is "good enough".

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions