From 1dd564f96c1bf84218f154fc6742d90028789357 Mon Sep 17 00:00:00 2001
From: Harry Mumford-Turner <harrymt@me.com>
Date: Sat, 16 Dec 2017 22:11:32 +0000
Subject: [PATCH] Made site more accessibile

- Better stated contrast in footer colors
- Added titles to SVG images
- Better worded some links in detailed projects
---
 _data/projects.yml                 | 9 ++++-----
 _includes/detailed-projects.html   | 4 ++--
 _includes/icons/icon-github.html   | 3 ++-
 _includes/icons/icon-linkedin.html | 3 ++-
 _includes/icons/icon-pdf.html      | 4 +++-
 _includes/icons/icon-print.html    | 4 +++-
 _includes/icons/icon-website.html  | 3 ++-
 _sass/_resume.scss                 | 2 +-
 8 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/_data/projects.yml b/_data/projects.yml
index 791510d..a6e3b19 100644
--- a/_data/projects.yml
+++ b/_data/projects.yml
@@ -90,13 +90,11 @@
   type: ""
   url: "https://www.inspirewit.com"
   summary:
-    - Designed and developed brand from scratch for Woemn In Technology conference. _PHP, SCSS, Jekyll_
+    - Designed and developed brand from scratch for Women In Technology conference. _PHP, HTML, SCSS, Jekyll_
   photo: wit-website.png
   detailed:
     - A University of Nottingham HackSoc conference to inspire women in technology.
-    - Built using php, html and less.
-    - Used the CSS pre-processor <a href="http://lesscss.org/">less</a> to extend our CSS adding mixins.
-    - Built <a href="//2015.inspirewit.com">2015</a> and <a href="//2016.inspirewit.com">2016</a>
+    - <a href="//2015.inspirewit.com" alt="Women in technology 2015 version">2015 version</a> and <a href="//2016.inspirewit.com" alt="Women in technology 2016 version">2016 version</a>
 
 
 - title: Rasterizer & Ray Tracer
@@ -132,7 +130,8 @@
   photo: code.png
   url: //github.com/harrymt/kvs_server
   detailed:
-    - A C implementation of a Key-Value-Store server, full breif available <a href='//github.com/harrymt/kvs_server/blob/master/overview.pdf'>here</a>.
+    - A C implementation of a Key-Value-Store server.
+    - <a href='//github.com/harrymt/kvs_server/blob/master/overview.pdf'>Download the full breif</a>.
     - Used Makefiles to compile program and to write my own C test harness.
 
 
diff --git a/_includes/detailed-projects.html b/_includes/detailed-projects.html
index 6916d40..2f140b3 100644
--- a/_includes/detailed-projects.html
+++ b/_includes/detailed-projects.html
@@ -14,10 +14,10 @@ <h2>Detailed Projects</h2>
   <div class="resume-item">
     {% if c.photo %}
     <div class="col-1-4 resume-project-photo">
-      <img src="img/work/{{c.photo}}">
+      <img src="img/work/{{c.photo}}" alt="{{c.title}}">
     {% else %}
     <div class="col-1-4 resume-project-photo resume-project-photo-placeholder">
-      <img src="img/work/placeholder.png">
+      <img src="img/work/placeholder.png" role="presentation">
     {% endif %}
     </div>
     <div class="col-1-4">
diff --git a/_includes/icons/icon-github.html b/_includes/icons/icon-github.html
index fd67236..abbe2c5 100644
--- a/_includes/icons/icon-github.html
+++ b/_includes/icons/icon-github.html
@@ -1,5 +1,6 @@
-<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg aria-labelledby="githubTitle" class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve" width="28">
+     <title id="githubTitle">GitHub Icon</title>
 <path id="GitHub" fill-rule="evenodd" clip-rule="evenodd" fill="#D1CECC" d="M14.01,0C6.27,0-0.01,6.28-0.01,14.02
   c0,6.19,4.02,11.45,9.59,13.3c0.7,0.13,0.96-0.3,0.96-0.68c0-0.33-0.01-1.21-0.02-2.38c-3.9,0.85-4.72-1.88-4.72-1.88
   c-0.64-1.62-1.56-2.05-1.56-2.05c-1.27-0.87,0.1-0.85,0.1-0.85c1.41,0.1,2.15,1.44,2.15,1.44c1.25,2.14,3.28,1.52,4.08,1.16
diff --git a/_includes/icons/icon-linkedin.html b/_includes/icons/icon-linkedin.html
index 78671b6..112fd4f 100644
--- a/_includes/icons/icon-linkedin.html
+++ b/_includes/icons/icon-linkedin.html
@@ -1,5 +1,6 @@
-<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg aria-labelledby="linkedinTitle" class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve" width="28">
+     <title id="linkedinTitle">LinkedIn Icon</title>
 <path id="LinkedIn" fill="#D1CECC" d="M18.82,15.09v3.61h-2.09v-3.37c0-0.85-0.3-1.42-1.06-1.42c-0.58,0-0.92,0.39-1.07,0.77
   c-0.06,0.13-0.07,0.32-0.07,0.51v3.52h-2.09c0,0,0.03-5.71,0-6.3h2.09v0.89c0,0.01-0.01,0.01-0.01,0.02h0.01V13.3
   c0.28-0.43,0.77-1.04,1.89-1.04C17.79,12.25,18.82,13.16,18.82,15.09z M9.18,18.7h2.09v-6.3H9.18V18.7z M10.24,9.36
diff --git a/_includes/icons/icon-pdf.html b/_includes/icons/icon-pdf.html
index 0be0900..be0670e 100644
--- a/_includes/icons/icon-pdf.html
+++ b/_includes/icons/icon-pdf.html
@@ -1,5 +1,7 @@
-<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg aria-labelledby="PDFTitle" class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve" width="28">
+     <title id="PDFTitle">Download as PDF Icon</title>
+
 <path id="PDF" fill="#D1CECC" d="M12.28,15.27c0.46-0.94,0.81-1.83,1.05-2.66c0.52,1.29,0.97,2.09,1.35,2.41
   c0.38,0.32,0.74,0.53,1.09,0.62c-0.75,0.11-1.45,0.24-2.1,0.38c-0.65,0.14-1.35,0.38-2.1,0.71L12.28,15.27z M28,14
   c0,7.73-6.27,14-14,14S0,21.73,0,14S6.27,0,14,0S28,6.27,28,14z M20.94,9.37L17.47,5.9H7.06v16.2h13.89V9.37z M19.35,17.4
diff --git a/_includes/icons/icon-print.html b/_includes/icons/icon-print.html
index 069face..3a0eee1 100644
--- a/_includes/icons/icon-print.html
+++ b/_includes/icons/icon-print.html
@@ -1,5 +1,7 @@
-<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg aria-labelledby="printTitle" class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve" width="28">
+     <title id="printTitle">Print this page</title>
+
 <path id="Print" fill="#D1CECC" d="M9.5,7.5h9V9h-9V7.5z M9.5,13.5h9v7h-9V13.5z M10.5,15.51h7v-1h-7V15.51z M10.5,17.49h7v-1h-7
   V17.49z M10.5,19.49h7v-1h-7V19.49z M28,14c0,7.73-6.27,14-14,14S0,21.73,0,14S6.27,0,14,0S28,6.27,28,14z M22,11c0-1.1-0.9-2-2-2
   h-0.5V6.5h-11V9H8c-1.1,0-2,0.9-2,2v4c0,1.1,0.9,2,2,2h0.5v4.5h11V17H20c1.1,0,2-0.9,2-2V11z M20.02,10.45c-0.28,0-0.5,0.22-0.5,0.5
diff --git a/_includes/icons/icon-website.html b/_includes/icons/icon-website.html
index caa5621..413183f 100644
--- a/_includes/icons/icon-website.html
+++ b/_includes/icons/icon-website.html
@@ -1,5 +1,6 @@
-<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+<svg aria-labelledby="websiteTitle" class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve" width="28">
+     <title id="websiteTitle">Website Icon</title>
 <path id="Website" fill="#D1CECC" d="M14.83,7.6c0.03,0.08,0.03,0.14,0,0.19s-0.08,0.07-0.17,0.07c-0.12,0-0.26-0.01-0.4-0.04
   s-0.2-0.06-0.18-0.1c0.15-0.15,0.16-0.26,0.03-0.33c-0.13-0.07-0.27-0.11-0.42-0.11s-0.25-0.04-0.3-0.09s-0.03-0.09,0.05-0.09
   s0.22,0,0.4,0.01c0.19,0.01,0.31,0.04,0.37,0.08s0.17,0.1,0.33,0.19S14.8,7.52,14.83,7.6z M15.9,13.35c-0.11-0.03-0.2-0.03-0.26,0
diff --git a/_sass/_resume.scss b/_sass/_resume.scss
index ab67204..83f513b 100644
--- a/_sass/_resume.scss
+++ b/_sass/_resume.scss
@@ -358,7 +358,7 @@ h5 {
     margin: 0;
     margin-top: 10px;
     font-size: .875rem;
-    color: #999;
+    color: #767676;
 
     > a {
       font-weight: 700;