From 4731a896739e2d0ef43a988aea38ef9ef12e16e6 Mon Sep 17 00:00:00 2001
From: Markus Bertling <markus.bertling@jimdo.com>
Date: Thu, 3 Jan 2019 08:07:11 +0100
Subject: [PATCH 1/2] feat($theme-default): use semantically more meaningful
 tags

by replacing some `div`s with `header`/`main`/`aside` tags
and adding an aria landmark to the search
---
 .../theme-default/components/AlgoliaSearchBox.vue         | 1 +
 packages/@vuepress/theme-default/components/Home.vue      | 8 ++++----
 packages/@vuepress/theme-default/components/Page.vue      | 8 ++++----
 packages/@vuepress/theme-default/components/Sidebar.vue   | 4 ++--
 .../@vuepress/theme-default/components/SidebarGroup.vue   | 4 ++--
 5 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/packages/@vuepress/theme-default/components/AlgoliaSearchBox.vue b/packages/@vuepress/theme-default/components/AlgoliaSearchBox.vue
index 58e0ea359b..41b62af263 100644
--- a/packages/@vuepress/theme-default/components/AlgoliaSearchBox.vue
+++ b/packages/@vuepress/theme-default/components/AlgoliaSearchBox.vue
@@ -2,6 +2,7 @@
   <form
     id="search-form"
     class="algolia-search-wrapper search-box"
+    role="search"
   >
     <input
       id="algolia-search-input"
diff --git a/packages/@vuepress/theme-default/components/Home.vue b/packages/@vuepress/theme-default/components/Home.vue
index ceb50c2364..76be5358a3 100644
--- a/packages/@vuepress/theme-default/components/Home.vue
+++ b/packages/@vuepress/theme-default/components/Home.vue
@@ -1,13 +1,13 @@
 <template>
-  <div class="home">
-    <div class="hero">
+  <main class="home" aria-labelledby="main-title">
+    <header class="hero">
       <img
         v-if="data.heroImage"
         :src="$withBase(data.heroImage)"
         alt="hero"
       >
 
-      <h1>{{ data.heroText || $title || 'Hello' }}</h1>
+      <h1 id="main-title">{{ data.heroText || $title || 'Hello' }}</h1>
 
       <p class="description">
         {{ data.tagline || $description || 'Welcome to your VuePress site' }}
@@ -22,7 +22,7 @@
           :item="actionLink"
         />
       </p>
-    </div>
+    </header>
 
     <div
       class="features"
diff --git a/packages/@vuepress/theme-default/components/Page.vue b/packages/@vuepress/theme-default/components/Page.vue
index 9da2838bdb..9df6fff1bf 100644
--- a/packages/@vuepress/theme-default/components/Page.vue
+++ b/packages/@vuepress/theme-default/components/Page.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="page">
+  <main class="page">
     <slot name="top"/>
 
     <Content/>
 
-    <div class="page-edit">
+    <footer class="page-edit">
       <div
         class="edit-link"
         v-if="editLink"
@@ -24,7 +24,7 @@
         <span class="prefix">{{ lastUpdatedText }}: </span>
         <span class="time">{{ lastUpdated }}</span>
       </div>
-    </div>
+    </footer>
 
     <div class="page-nav" v-if="prev || next">
       <p class="inner">
@@ -58,7 +58,7 @@
     </div>
 
     <slot name="bottom"/>
-  </div>
+  </main>
 </template>
 
 <script>
diff --git a/packages/@vuepress/theme-default/components/Sidebar.vue b/packages/@vuepress/theme-default/components/Sidebar.vue
index 9ed10ed9b8..472c667b04 100644
--- a/packages/@vuepress/theme-default/components/Sidebar.vue
+++ b/packages/@vuepress/theme-default/components/Sidebar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="sidebar">
+  <aside class="sidebar">
     <NavLinks/>
     <slot name="top"/>
     <ul class="sidebar-links" v-if="items.length">
@@ -16,7 +16,7 @@
       </li>
     </ul>
     <slot name="bottom"/>
-  </div>
+  </aside>
 </template>
 
 <script>
diff --git a/packages/@vuepress/theme-default/components/SidebarGroup.vue b/packages/@vuepress/theme-default/components/SidebarGroup.vue
index 119dfa14c7..4b5b756536 100644
--- a/packages/@vuepress/theme-default/components/SidebarGroup.vue
+++ b/packages/@vuepress/theme-default/components/SidebarGroup.vue
@@ -1,5 +1,5 @@
 <template>
-  <div
+  <section
     class="sidebar-group"
     :class="{ first, collapsable }"
   >
@@ -27,7 +27,7 @@
         </li>
       </ul>
     </DropdownTransition>
-  </div>
+  </section>
 </template>
 
 <script>

From 54a87c9ddbbae113c0a1e0c3bc899ad10678878d Mon Sep 17 00:00:00 2001
From: Markus Bertling <markus277@gmail.com>
Date: Thu, 3 Jan 2019 09:31:19 +0100
Subject: [PATCH 2/2] fix($theme-default): set display block on main tag for
 IE11

refs #1154
---
 packages/@vuepress/theme-default/components/Home.vue | 1 +
 packages/@vuepress/theme-default/components/Page.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/@vuepress/theme-default/components/Home.vue b/packages/@vuepress/theme-default/components/Home.vue
index 76be5358a3..dbfb439614 100644
--- a/packages/@vuepress/theme-default/components/Home.vue
+++ b/packages/@vuepress/theme-default/components/Home.vue
@@ -75,6 +75,7 @@ export default {
   padding $navbarHeight 2rem 0
   max-width 960px
   margin 0px auto
+  display block
   .hero
     text-align center
     img
diff --git a/packages/@vuepress/theme-default/components/Page.vue b/packages/@vuepress/theme-default/components/Page.vue
index 9df6fff1bf..59c68d6cc5 100644
--- a/packages/@vuepress/theme-default/components/Page.vue
+++ b/packages/@vuepress/theme-default/components/Page.vue
@@ -197,6 +197,7 @@ function find (page, items, offset) {
 
 .page
   padding-bottom 2rem
+  display block
 
 .page-edit
   @extend $wrapper