From 259979854c38b731e48e9355a753b7ace5b87623 Mon Sep 17 00:00:00 2001
From: Derek Pollard <dpollard@mail.bradley.edu>
Date: Wed, 9 Sep 2020 11:55:18 -0500
Subject: [PATCH 1/2] feat($theme-default): inform screen readers link opens in
 new tab/window

---
 .../core/lib/client/components/OutboundLink.vue   | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/@vuepress/core/lib/client/components/OutboundLink.vue b/packages/@vuepress/core/lib/client/components/OutboundLink.vue
index 06f8ba08b0..573c88c182 100644
--- a/packages/@vuepress/core/lib/client/components/OutboundLink.vue
+++ b/packages/@vuepress/core/lib/client/components/OutboundLink.vue
@@ -1,14 +1,15 @@
-<template functional>
+<template>
   <svg
     class="icon outbound"
     xmlns="http://www.w3.org/2000/svg"
-    aria-hidden="true"
+    aria-labelledby="outbound-link-title"
     x="0px"
     y="0px"
     viewBox="0 0 100 100"
     width="15"
     height="15"
   >
+    <title id="outbound-link-title">{{ openInNewWindowTitle }}</title>
     <path
       fill="currentColor"
       d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"
@@ -20,6 +21,16 @@
   </svg>
 </template>
 
+<script>
+export default {
+  computed: {
+    openInNewWindowTitle () {
+      return this.$themeLocaleConfig.openNewWindowText || '(opens new window)'
+    }
+  }
+}
+</script>
+
 <style>
 .icon.outbound {
   color: #aaa;

From 2595976e7cb3f07defa23a808d278225b65b6706 Mon Sep 17 00:00:00 2001
From: Derek Pollard <dpollard@mail.bradley.edu>
Date: Thu, 10 Sep 2020 13:38:31 -0500
Subject: [PATCH 2/2] feat($theme-default): add a11y attributess to
 OutboundLink icon

---
 packages/@vuepress/core/lib/client/components/OutboundLink.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/@vuepress/core/lib/client/components/OutboundLink.vue b/packages/@vuepress/core/lib/client/components/OutboundLink.vue
index 573c88c182..b2be4027cb 100644
--- a/packages/@vuepress/core/lib/client/components/OutboundLink.vue
+++ b/packages/@vuepress/core/lib/client/components/OutboundLink.vue
@@ -3,6 +3,8 @@
     class="icon outbound"
     xmlns="http://www.w3.org/2000/svg"
     aria-labelledby="outbound-link-title"
+    role="img"
+    focusable="false"
     x="0px"
     y="0px"
     viewBox="0 0 100 100"