Suggestion: increase forum's readability.

06 March 2025, 09:47:06

Default design needs some improvement. Just darkening the background (for contrast would improve a lot).

Maybe it's just me, but the default font even when zoomed in isn't great.

Checked on both ungoogled chromium and librewolf. (For default references.)

Tools used:

Code: [Select]

1.) Dark reader (browser addon) (for font color contrast)
settings: brightness: -10, contrast: +5, Text stroke: 0.1, mode: Filter.

2.) Fonts (browser settings) (font readability)
Sans: IBM Plex Sans
Mono: JuliaMono

3.) Zoom (browser settings) (font readability)
Zoomed to 120%

image source: https://forum.artixlinux.org/index.php/topic,3050.60.html

Re: Suggestion: increase forum's readability.

Reply #1 – 12 April 2025, 23:28:21

toogle reader view in firefox?

Re: Suggestion: increase forum's readability.

Reply #2 – 13 April 2025, 03:22:36

Quote from: mrbrklyn – on 12 April 2025, 23:28:21

toogle reader view in firefox?

That only works in the forum posts itself, not the other parts of the site.
Not to mention that makes it even less usable:
1.) Can't even reply with that mode on.
2.) Makes it even worse. It all looks the same (the layout).

For example:

Notes:
1.) Standards stated below is referring to WCAG. I've used the color contrast checker (link below) as reference.
2.) Barely compliant: adhering to the AA standard only.
3.) Nearly fully compliant: adhering to most standards.
4.) I've used the color wheel for lightness. (contrast)
5.) definitions: (I recommend playing around the color wheel site to get a visual understanding. Try 1 color and change 1 value at a time.)
   - Hue: What color it is. (red, blue, yellow, green, etc.)
   - Chroma: How "colorful/rich" a color is. For example: Red with full chroma is fully red. Red with no Chroma is grey.
   - Lightness: How light a color is. Red with full lightness = red. Red with no lightness = black

Even just by changing the lightness of the fonts and the background itself already has already made it more readable. I am not a web designer/developer, but even I can tell when it's subpar.

Tools used/sources:
Color contrast checker: https://contrastchecker.com
Color wheel: https://oklch.com (Better than other color wheels as this ensures even lightness when changing hue.)
WCAG checker: https://freeaccessibilitychecker.skynettechnologies.com
WCAG guidelines: https://www.w3.org/WAI/standards-guidelines/wcag