Reading/Web/Desktop Improvements/Features/Link colors

Motivation
In course of Desktop Improvements project, we are planning to amend link colors in modern Vector to


 * 1) improve setting links apart from running text by slightly increasing contrast to help users with visual impairments, but also ensure usability in environments like reading in sunlight and interacting with Wikimedia wikis
 * 2) ensure consistency of color usage across different web projects

Changes with in the same outcome have already been introduced to a number of other Wikimedia projects, for example Wikipedia Portals, Minerva Neue and the mobile site, iOS and Android apps dating back to 2018 and have since been entirely undisputed.

The normal and visited link colors are changed, all other states (hover, active) remain unchanged.

Release plan
At some point in 2020 or 2021, we will deploy the change to Office Wiki and Test Wiki, and continue to our early adopting wikis in following months. See our main Features page for more details.

Design requirements and guidelines
An important milestone of Wikimedia Design team was the introduction of a color palette that's built around colors which are providing sufficient color contrast in combinations of background and foreground text – to comply with Web Content Accessibility Guidelines 2.0 and 2.1 at level AA.

One important detail has been missing in the sensible changes over several years to our Wikimedia projects yet – the 3:1 contrast ratio between links and surrounding running text in Vector. The Web Content Accessibility Guidelines 2.1 define this ratio as necessary to achieve level AA compliance. The link colors have been chosen in a volunteer/Wikimedia developers collaboration in Vector many years ago, since then the foreground color has changed a few times, and the color palette by Design team was created. The normal and visited link color in Vector remained unchanged as there hasn't been enough capacity to accompany such noticeable change.

In the meantime we've been able to rollout the consistent and compliant colors to most other Wikimedia projects, including mobile skin Minerva Neue, which nowadays is responsible for majority of readers traffic.

Vector users are also already seeing our new link color, we call it “Accent50” color, #36c in a number of places – it is used to signify interaction elements throughout the user-interface, be it notifications, interaction buttons (f.e. in VisualEditor) or icons.

Constraints and options
We would like to provide logged-in users, who like to use modern Vector, but want to continue with the slightly darker current color an option to override the defaults.

You can copy and paste those rules and insert it to your User:ExampleUserName/vector.css: