Page MenuHomePhabricator

Change font contrast for the New filters popover
Closed, ResolvedPublic


Split this ticket form T169613: Introduce the New Filters to users upon beta graduation

Based on these screenshots
Chrome 55

Safari 10

@Pginer-WMF commented:

The main paragraph seems too light for our accessibility standards.
We can use Base10 (#222) to use the same color as the heading and just rely on the font weight contrast. That would make the result closer to the mockup in the description.

The mockup from T169613

Event Timeline

Change 381769 had a related patch set uploaded (by Petar.petkovic; owner: Petar.petkovic):
[mediawiki/extensions/WikimediaMessages@master] Change font contrast on RCFilters guided tours

Change 381769 merged by jenkins-bot:
[mediawiki/extensions/WikimediaMessages@master] Change font contrast on RCFilters guided tours

Checked in FF 55, Chrome 60, Safari 10

.mw-guidedtour-tour-RcFiltersIntro#gt-RcFiltersIntro-Welcome .guider_content .guider_description {
    font-size: 1.2em;
.guider_content p {
    clear: both;
    line-height: 1.3em;
    color: #222;

The screenshot is for Safari 10 (the font contrast was the most problematic there).