Page MenuHomePhabricator

Change font contrast for the New filters popover
Closed, ResolvedPublic

Description

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

Details

Related Gerrit Patches:
mediawiki/extensions/WikimediaMessages : masterChange font contrast on RCFilters guided tours

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptSep 27 2017, 5:04 PM

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

https://gerrit.wikimedia.org/r/381769

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

https://gerrit.wikimedia.org/r/381769

Checked in FF 55, Chrome 60, Safari 10

.mw-guidedtour-tour-RcFiltersIntro#gt-RcFiltersIntro-Welcome .guider_content .guider_description {
    font-size: 1.2em;
}
<style>…</style>
.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).

Etonkovidova closed this task as Resolved.Oct 2 2017, 7:45 PM