Loading...
 
Skip to main content

Suboptimal text to background contrasts (text color is not pure black for most themes)

  • Tracker item actions
Trackers
Items
Status
Open
Subject
Suboptimal text to background contrasts (text color is not pure black for most themes)
Version
16.x
Category
  • Feature request
Feature
Theme: Look & feel, Styles, CSS, Theme Control Center
Resolution status
New
Submitted by
Philippe Cloutier
Lastmod by
Philippe Cloutier, luci
Rating
(0)
Description

The text in nearly all themes - even Readable - is not pure black (RGB # 00 00 00). This lowers readability. While this may not have a hard effect on accessibility, it certainly reduces reading comfort.

I have compiled the following list of default text color for functional themes (excluding themes with non-white backgrounds) on trunk.

000000
  • Jqui
  • Utopias

222222
  • Tikinewt
  • Yeti

333333
  • Default Bootstrap
  • Cosmo
  • Darkshine
  • Feb12
  • Fivealive
  • Fivealive-lite
  • Readable
  • Strasa
  • Thenews
  • United

363636
  • Didiem

555555
  • Cerulean
  • Lumen

515151
  • Greenvalley

666666
  • Paper
  • Spacelab

737373
  • Business

777777
  • Journal
  • Simplex


Flatly and Sandstone are slightly special cases, as the text is tinted. The former uses #2c3e50, the latter #3e3f3a.

This problem is developing. Grey fonts have become a fashion, as recently reported by The Telegraph. In Tiki 9, the default color was pure black. In Tiki 15, it has become #333333.

I am not asking for a strictly pure black or pure white interface. I understand that other colors can be aesthetically or functionally better. What am I asking is to increase the contrast for the main content (the context of a wiki page, or of the blog post being viewed, for example).

Solution

We should:

  1. Allow increasing the contrast for the main content
  2. Increase the default contrast for some themes, such as Journal. Themes which keep a low contrast should display a warning to that effect.
Workaround

Use a theme with a blacker text (higher in the list).

Or override main content color by using a rule such as the following:

  1. col1 article {

color: #000000;
}
This can be set using the Custom CSS field (in tiki-admin.php?page=look).

Importance
1 low
Easy to solve?
1 difficult
Priority
1
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
6157
Created
Monday 31 October, 2016 02:24:22 UTC
by Philippe Cloutier
LastModif
Monday 23 January, 2017 11:16:47 UTC


Show PHP error messages