From 48313d20f51c1c8051fe12e6ff936fc42bd3c668 Mon Sep 17 00:00:00 2001
From: Kent Yunge <yungek@michigan.gov>
Date: Thu, 7 Jun 2018 21:03:19 -0400
Subject: [PATCH 1/2] Add alt text to images to help with screen reader
 accessibility

---
 themes/vue/_config.yml                        | 27 +++++++++++++++++++
 themes/vue/layout/index.ejs                   |  6 ++---
 themes/vue/layout/partials/header.ejs         |  2 +-
 themes/vue/layout/partials/sponsors.ejs       |  8 +++---
 .../vue/layout/partials/sponsors_sidebar.ejs  |  4 +--
 5 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/themes/vue/_config.yml b/themes/vue/_config.yml
index 66ddce0881..702f71f747 100644
--- a/themes/vue/_config.yml
+++ b/themes/vue/_config.yml
@@ -15,61 +15,88 @@ special_sponsors:
 platinum_sponsors:
   - url: http://tooltwist.com/
     img: tooltwist.png
+    name: tool twist
   - url: https://vueschool.io/?utm_source=Vuejs.org&utm_medium=Banner&utm_campaign=Sponsored%20Banner&utm_content=V1
     img: vueschool.png
+    name: vue school
   - url: https://vehikl.com/
     img: vehikl.png
+    name: vehikl
 
 gold_sponsors:
   - url: https://laravel.com
     img: laravel.png
+    name: laravel
   - url: https://htmlburger.com
     img: htmlburger.png
+    name: html burger
   - url: https://chaitin.cn/en/
     img: chaitin.png
+    name: chaitin
   - url: https://anymod.com
     img: anymod.png
+    name: anymod
   - url: https://www.frontenddeveloperlove.com/
     img: frontend-love.png
+    name: frontend love
   - url: https://onsen.io/vue/
     img: onsen-ui.png
+    name: onsen ui
   - url: https://vuetifyjs.com
     img: vuetify.png
+    name: vuetify
   - url: https://neds.com.au/
     img: neds.png
+    name: neds
   - url: https://hackr.io/tutorials/learn-vue-js
     img: hackr-io.png
+    name: hacker io
   - url: https://icons8.com/
     img: icons8.png
+    name: icons 8
   - url: https://vuejobs.com/?ref=vuejs
     img: vuejobs.png
+    name: vue jobs
   - url: https://leanpub.com/vuejs2
     img: tmvuejs2.png
+    name: the mastery of vue js 2
   - url: https://codepilot.ai
     img: codepilot.png
+    name: code pilot
   - url: https://teamextension.io/
     img: teamextension.png
+    name: team extension
   - url: https://jsguru.io/
     img: jsguru.png
+    name: js guru
   - url: http://aaha.co/
     img: aaha.png
+    name: aaha
   - url: https://www.valuecoders.com
     img: valuecoders.png
+    name: value coders dot org
   - url: https://www.nsoft.com/careers/
     img: nsoft.png
+    name: n soft
   - url: https://www.pubnub.com/vue-js/
     img: pubnub.png
+    name: pub nub
 
 silver_sponsors:
   - url: https://dopamine.bg/
     img: dopamine.png
+    name: dopamine
 
 bronze_sponsors:
   - url: http://tighten.co/
     img: http://i.imgur.com/T7fQYLT.png
+    name: tighten
   - url: https://alligator.io
     img: https://alligator.io/images/alligator-logo.svg
+    name: alligator dot io
   - url: https://www.accelebrate.com/
     img: https://www.accelebrate.com/assets/images/accelebrate_logo@2x.png
+    name: accelebrate
   - url: https://pullstring.com
     img: https://i.imgur.com/hQHW6TB.png
+    name: pull string
diff --git a/themes/vue/layout/index.ejs b/themes/vue/layout/index.ejs
index aa01560739..80cd775eba 100644
--- a/themes/vue/layout/index.ejs
+++ b/themes/vue/layout/index.ejs
@@ -9,7 +9,7 @@
 <div id="hero">
   <div class="inner">
     <div class="left">
-      <img class="hero-logo" src="<%- url_for("/images/logo.png") %>">
+      <img class="hero-logo" src="<%- url_for("/images/logo.png") %>" alt="vue logo">
     </div><div class="right">
       <h2 class="vue">Vue.js</h2>
       <h1>
@@ -32,12 +32,12 @@
   <h3>Special Sponsors</h3>
   <br>
   <a href="https://stdlib.com/" target="_blank">
-    <img src="/images/stdlib.png" style="width:140px">
+    <img src="/images/stdlib.png" style="width:140px" alt="Standard Library Logo">
     <span>Function as a Service Platform and Library</span>
   </a>
   <br>
   <a href="https://www.bitsrc.io/?utm_source=vue&utm_medium=vue&utm_campaign=vue&utm_term=vue&utm_content=vue" target="_blank">
-    <img src="/images/bit.png" style="width:60px;height:60px">
+    <img src="/images/bit.png" style="width:60px;height:60px" alt="bit logo">
     <span>The fastest way to share code</span>
   </a>
 </div>
diff --git a/themes/vue/layout/partials/header.ejs b/themes/vue/layout/partials/header.ejs
index e50a5664c4..0816e99d41 100644
--- a/themes/vue/layout/partials/header.ejs
+++ b/themes/vue/layout/partials/header.ejs
@@ -1,6 +1,6 @@
 <div id="header">
   <a id="logo" href="<%- url_for("/") %>">
-    <img src="<%- url_for("/images/logo.png") %>">
+    <img src="<%- url_for("/images/logo.png") %>" alt="vue logo">
     <span>Vue.js</span>
   </a>
   <ul id="nav">
diff --git a/themes/vue/layout/partials/sponsors.ejs b/themes/vue/layout/partials/sponsors.ejs
index 8fa492a30b..086397112f 100644
--- a/themes/vue/layout/partials/sponsors.ejs
+++ b/themes/vue/layout/partials/sponsors.ejs
@@ -2,14 +2,14 @@
 
 <%_ for (const sponsor of theme.platinum_sponsors) {_%>
 <a href="<%- sponsor.url %>" target="_blank" style="width: 160px;">
-  <img src="<%- url_for(`/images/${sponsor.img}`) %>" style="width: 160px;">
+  <img src="<%- url_for(`/images/${sponsor.img}`) %>" style="width: 160px;" alt="<%-sponsor.name-%>">
 </a>
 <%_ } _%>
 <br>
 <br>
 <%_ for (const sponsor of theme.gold_sponsors) {_%>
 <a href="<%- sponsor.url %>" target="_blank" style="width: 120px;">
-  <img src="<%- url_for(`/images/${sponsor.img}`) %>" style="width: 120px;">
+  <img src="<%- url_for(`/images/${sponsor.img}`) %>" style="width: 120px;" alt="<%-sponsor.name-%>">
 </a>
 <%_ } _%>
 <br>
@@ -19,13 +19,13 @@
 <div class="open-collective-sponsors">
   <h3>OpenCollective Sponsors</h3>
   <h4>Platinum</h4>
-  <%_ for (let i = 0; i < 3; i++) {_%>
+  <%_ for (let i = 0; i < 2; i++) {_%>
   <a href="https://opencollective.com/vuejs/tiers/platinum-sponsors/<%- i %>/website" target="_blank">
     <img src="https://opencollective.com/vuejs/tiers/platinum-sponsors/<%- i %>/avatar.svg">
   </a>
   <%_ } _%>
   <h4>Gold</h4>
-  <%_ for (let i = 0; i < 10; i++) {_%>
+  <%_ for (let i = 0; i < 8; i++) {_%>
   <a href="https://opencollective.com/vuejs/tiers/gold-sponsors/<%- i %>/website" target="_blank">
     <img src="https://opencollective.com/vuejs/tiers/gold-sponsors/<%- i %>/avatar.svg">
   </a>
diff --git a/themes/vue/layout/partials/sponsors_sidebar.ejs b/themes/vue/layout/partials/sponsors_sidebar.ejs
index bc2f052e08..cc0a55652d 100644
--- a/themes/vue/layout/partials/sponsors_sidebar.ejs
+++ b/themes/vue/layout/partials/sponsors_sidebar.ejs
@@ -4,7 +4,7 @@
     <div>
     <%_ for (const sponsor of theme.special_sponsors) {_%>
     <a href="<%- sponsor.url %>" target="_blank" class="logo">
-      <img src="<%- url_for(`/images/${sponsor.wide_img || sponsor.img}`) %>">
+      <img src="<%- url_for(`/images/${sponsor.wide_img || sponsor.img}`) %>" alt="<%-sponsor.name-%>">
     </a>
     <%_ } _%>
     </div>
@@ -17,7 +17,7 @@
     <div>
     <%_ for (const sponsor of theme.platinum_sponsors) {_%>
     <a href="<%- sponsor.url %>" target="_blank" class="logo">
-      <img src="<%- url_for(`/images/${sponsor.wide_img || sponsor.img}`) %>">
+      <img src="<%- url_for(`/images/${sponsor.wide_img || sponsor.img}`) %>" alt="<%-sponsor.name-%>">
     </a>
     <%_ } _%>
     </div>

From ab69ee45fa6c3b70be119e646a029c234ed3ad92 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Wed, 27 Jun 2018 10:11:21 -0400
Subject: [PATCH 2/2] Update _config.yml

---
 themes/vue/_config.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/themes/vue/_config.yml b/themes/vue/_config.yml
index cf0edce1e7..557a205f63 100644
--- a/themes/vue/_config.yml
+++ b/themes/vue/_config.yml
@@ -15,7 +15,7 @@ special_sponsors:
 platinum_sponsors:
   - url: http://tooltwist.com/
     img: tooltwist.png
-    name: tool twist
+    name: tooltwist
   - url: https://vueschool.io/?utm_source=Vuejs.org&utm_medium=Banner&utm_campaign=Sponsored%20Banner&utm_content=V1
     img: vueschool.png
     name: vue school