a11y fix - link contrast in headings + visited links

Author: Lily2point0

_posts/2017-06-06-inklink.html

@@ -80,7 +80,7 @@ <h2>Want to give it a try?</h2>
 Now, give it a try:
 <ul>
   <li>Display the following images.</li>
-  <li>On a 2nd screen/phone, go to <a href="https://ftlabs-inklink.herokuapp.com/">ftlabs-inklink.herokuapp.com.</a>.</li>
+  <li>On a 2nd screen/phone, go to <a href="https://ftlabs-inklink.herokuapp.com/">ftlabs-inklink.herokuapp.com</a>.</li>
   <li>Select 'Start scanning'.</li>
   <li>Align the camera to bring one of the following images into focus in the window.</li>
   <li>Wait for a bit...</li>

assets/main.scss

@@ -18,6 +18,7 @@ $brand-color:      #2a7ae2;
 
 $ftpink:           #fff1e5;
 $claret:           #9e2f50;
+$claret-40:        #660A29;
 $oxford:           #0F5499;
 
 $grey-color:       #828282;
@@ -48,10 +49,14 @@ $on-laptop:        1100px;
   margin: 0;
 }
 
-p a[href]{
+p a[href], main article li a[href]{
   color: $claret;
 }
 
+p a[href]:visited, main article li a[href]:visited{
+  color: $claret-40;
+}
+
 body{
   background: #0c0c0c;
   padding-top: 50px;
@@ -62,6 +67,14 @@ body{
 h1, h2, h3, h4, h5, h6{
   font-family: 'financierdisplayweb', serif;
   text-align: center;
+
+  a {
+    color: $claret;
+
+    &:visited {
+      color: $claret-40;
+    }
+  }
 }
 
 h1{
@@ -253,24 +266,24 @@ main article img, main article video{
   flex-wrap: wrap;
   align-content: flex-start;
   justify-content: space-between;
+}
 
-  .readmore {
-    color: black;
-    text-transform: uppercase;
-    border-bottom: 4px solid black;
-    display: inline-block;
-    font-weight: 600;
-    margin: 0 0.5em;
-
-    &:hover {
-      text-decoration: none;
-      color: $claret;
-      border-bottom-color: $claret;
-    }
+.readmore {
+  color: black;
+  text-transform: uppercase;
+  border-bottom: 4px solid black;
+  display: inline-block;
+  font-weight: 600;
+  margin: 0 0.5em;
 
-    @include media-query($on-palm) {
-      display: inline-table;
-    }
+  &:hover {
+    text-decoration: none;
+    color: $claret;
+    border-bottom-color: $claret;
+  }
+
+  @include media-query($on-palm) {
+    display: inline-table;
   }
 }
 

index.html

@@ -5,6 +5,7 @@
 <p>
   FT Labs is a small team at the <a href="http://www.ft.com">Financial Times</a>, striving to reach and engage readers with the world’s finest journalism, by looking for gaps, opportunities, concerns, and the unknown. (<a href="/about/">...more</a>)
 </p>
+<p></p>
 <p>
   Our work (and posts, on a semi-irregular basis) cover myriad topics, ranging from specific problems (Ad Blocking, OCR, ...), via upcoming concerns and opportunities (text-to-speech, conversation APIs, ...), to simply exploring new technologies (Amazon Alexa, Google Home, ...).
 </p>