diff --git a/cypress/selectors/tabs/share.js b/cypress/selectors/tabs/share.js
index 34647e96e..0f2228ab9 100644
--- a/cypress/selectors/tabs/share.js
+++ b/cypress/selectors/tabs/share.js
@@ -13,7 +13,7 @@ module.exports = cy => ({
     'google-plus': () => cy.get(`#tab-share--channels--google-plus a`),
     mail: () => cy.get(`#tab-share--channels--mail a`),
     pinterest: () => cy.get(`#tab-share--channels--pinterest a`),
-    embed: () => cy.get(`#tab-share--channels--embed a`)
+    embed: () => cy.get(`#tab-share--channels--embed button`)
   },
   overlay: {
     modal: () => cy.get('#share-tab--share-overlay'),
diff --git a/package.json b/package.json
index 0123e60c6..318fbea06 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@podlove/html5-audio-driver": "1.1.1",
+    "@podlove/html5-audio-driver": "1.1.2",
     "babel-polyfill": "6.26.0",
     "binary-search": "1.3.3",
     "color": "3.0.0",
diff --git a/src/components/header/Info.vue b/src/components/header/Info.vue
index 04d7c9ba2..fa76d6618 100644
--- a/src/components/header/Info.vue
+++ b/src/components/header/Info.vue
@@ -2,7 +2,7 @@
   <div class="info" id="header-info" v-if="hasPoster || hasShowTitle || hasEpisodeTitle || hasDescription">
     <div class="poster" v-if="hasPoster" id="header-poster">
       <div class="poster-container" :style="posterStyle">
-        <img class="poster-image" :src="episode.poster || show.poster" @error="onImageLoad">
+        <img class="poster-image" :src="episode.poster || show.poster" :alt="alternativeText" @error="onImageLoad">
       </div>
     </div>
     <div class="description">
@@ -14,7 +14,7 @@
         <a :href="episode.link" target="_blank" v-if="episode.link">{{ episode.title }}</a>
         <span v-else>{{ episode.title }}</span>
       </h1>
-      <div class="subtitle" :style="subtitleStyle" v-if="hasDescription" id="header-subtitle">{{ episode.subtitle }}</div>
+      <h3 class="subtitle" :style="subtitleStyle" v-if="hasDescription" id="header-subtitle">{{ episode.subtitle }}</h3>
     </div>
   </div>
 </template>
@@ -62,6 +62,15 @@
       },
       hasDescription () {
         return this.episode.subtitle && this.visibleComponents.subtitle
+      },
+      alternativeText () {
+        if (this.episode.poster) {
+          return this.$t('A11Y.ALT_EPISODE_COVER')
+        }
+
+        if (this.show.poster) {
+          return this.$t('A11Y.ALT_SHOW_COVER')
+        }
       }
     },
     methods: {
@@ -103,7 +112,7 @@
 
     .title {
       margin-top: 0;
-      margin-bottom: $margin / 3;
+      margin-bottom: $margin / 4;
       font-weight: inherit;
       font-size: 1.8em;
 
@@ -132,7 +141,10 @@
 
     .subtitle {
       overflow: hidden;
-      height: 1.5 * 2em;
+      margin: 0;
+      height: 2.75em;
+      line-height: 1.3em;
+      font-weight: 100;
     }
   }
 
diff --git a/src/components/player/control-bar/ChapterBackButton.vue b/src/components/player/control-bar/ChapterBackButton.vue
index 6f24f73e9..f83935738 100644
--- a/src/components/player/control-bar/ChapterBackButton.vue
+++ b/src/components/player/control-bar/ChapterBackButton.vue
@@ -1,11 +1,12 @@
 <template>
-  <button class="control-button" @click="onButtonClick()" :disabled="playtime === 0" id="control-bar--chapter-back-button">
-    <chapter-back-icon :color="theme.player.actions.background"></chapter-back-icon>
+  <button class="control-button" @click="onButtonClick()" :disabled="isDisabled" id="control-bar--chapter-back-button">
+    <chapter-back-icon :color="theme.player.actions.background" aria-hidden="true"></chapter-back-icon>
+    <span class="visually-hidden">{{ a11y }}</span>
   </button>
 </template>
 
 <script>
-  import { currentChapter, currentChapterIndex } from 'utils/chapters'
+  import { currentChapter, currentChapterIndex, previousChapter } from 'utils/chapters'
 
   import store from 'store'
   import ChapterBackIcon from 'icons/ChapterBackIcon'
@@ -21,6 +22,25 @@
         playtime: this.$select('playtime')
       }
     },
+    computed: {
+      a11y () {
+        const chapter = currentChapter(this.chapters)
+
+        if (chapter.index === 1) {
+          return this.$t('A11Y.PLAYER_CHAPTER_CURRENT', { ...chapter })
+        }
+
+        if (this.playtime - chapter.start < 2000) {
+          return this.$t('A11Y.PLAYER_CHAPTER_PREVIOUS', { ...previousChapter(this.chapters) })
+        }
+
+        return this.$t('A11Y.PLAYER_CHAPTER_CURRENT', { ...chapter })
+      },
+
+      isDisabled () {
+        return this.playtime === 0
+      }
+    },
     methods: {
       onButtonClick () {
         const current = currentChapter(this.chapters)
diff --git a/src/components/player/control-bar/ChapterNextButton.vue b/src/components/player/control-bar/ChapterNextButton.vue
index 8d3514f72..1a6157226 100644
--- a/src/components/player/control-bar/ChapterNextButton.vue
+++ b/src/components/player/control-bar/ChapterNextButton.vue
@@ -1,6 +1,7 @@
 <template>
-  <button class="control-button" @click="onButtonClick()" :disabled="playtime === duration" id="control-bar--chapter-next-button">
-    <chapter-next-icon :color="theme.player.actions.background"></chapter-next-icon>
+  <button class="control-button" @click="onButtonClick()" :disabled="isDisabled" id="control-bar--chapter-next-button">
+    <chapter-next-icon :color="theme.player.actions.background" aria-hidden="true"></chapter-next-icon>
+    <span class="visually-hidden">{{ a11y }}</span>
   </button>
 </template>
 
@@ -8,6 +9,8 @@
   import store from 'store'
   import ChapterNextIcon from 'icons/ChapterNextIcon'
 
+  import { nextChapter, currentChapter } from 'utils/chapters'
+
   export default {
     components: {
       ChapterNextIcon
@@ -20,6 +23,18 @@
         duration: this.$select('duration')
       }
     },
+    computed: {
+      a11y () {
+        if (currentChapter(this.chapters).index === this.chapters.length) {
+          return this.$t('A11Y.PLAYER_CHAPTER_END')
+        }
+
+        return this.$t('A11Y.PLAYER_CHAPTER_NEXT', { ...nextChapter(this.chapters) })
+      },
+      isDisabled () {
+        return this.playtime === this.duration
+      }
+    },
     methods: {
       onButtonClick () {
         store.dispatch(store.actions.nextChapter())
diff --git a/src/components/player/control-bar/PlayButton.vue b/src/components/player/control-bar/PlayButton.vue
index 5b188e1ed..6b5b7e086 100644
--- a/src/components/player/control-bar/PlayButton.vue
+++ b/src/components/player/control-bar/PlayButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <button class="control-button" @click="onButtonClick()" id="control-bar--play-button">
+  <button class="control-button" @click="onButtonClick()" id="control-bar--play-button" ref="playbutton">
     <span class="play-button" :style="wrapperStyle" :class="{
       wide: components.controls.button.loading ||
             components.controls.button.remaining ||
@@ -7,40 +7,43 @@
             components.controls.button.replay ||
             components.controls.button.retry
     }">
-      <span class="inner" v-if="components.controls.button.loading" id="control-bar--play-button--loading">
+      <span class="inner" v-if="components.controls.button.loading" id="control-bar--play-button--loading" aria-hidden="true">
         <loading-indicator></loading-indicator>
       </span>
 
-      <pause-icon :color="theme.player.actions.icon" v-if="components.controls.button.playing" id="control-bar--play-button--pause"></pause-icon>
+      <pause-icon :color="theme.player.actions.icon" v-if="components.controls.button.playing" id="control-bar--play-button--pause" aria-hidden="true"></pause-icon>
 
-      <play-icon size="21" :color="theme.player.actions.icon" class="reset" v-if="components.controls.button.pause" id="control-bar--play-button--play"></play-icon>
+      <play-icon size="21" :color="theme.player.actions.icon" class="reset" v-if="components.controls.button.pause" id="control-bar--play-button--play" aria-hidden="true"></play-icon>
 
-      <span class="inner" v-if="components.controls.button.remaining" id="control-bar--play-button--remaining">
+      <span class="inner" v-if="components.controls.button.remaining" id="control-bar--play-button--remaining" aria-hidden="true">
         <play-icon size="21" :color="theme.player.actions.icon"></play-icon>
         <span class="label" :style="textStyle">{{ fromPlayerTime(playtime) }}</span>
       </span>
 
-      <span class="inner" v-if="components.controls.button.duration" id="control-bar--play-button--duration">
+      <span class="inner" v-if="components.controls.button.duration" id="control-bar--play-button--duration" aria-hidden="true">
         <play-icon size="21" :color="theme.player.actions.icon"></play-icon>
         <span class="label" :style="textStyle">{{ fromPlayerTime(duration) }}</span>
       </span>
 
-      <span class="inner" v-if="components.controls.button.replay" id="control-bar--play-button--replay">
+      <span class="inner" v-if="components.controls.button.replay" id="control-bar--play-button--replay" aria-hidden="true">
         <play-icon size="21" :color="theme.player.actions.icon"></play-icon>
         <span class="label truncate" :style="textStyle">{{ $t('PLAYER.REPLAY') }}</span>
       </span>
 
-      <span class="inner" v-if="components.controls.button.retry" id="control-bar--play-button--retry">
+      <span class="inner" v-if="components.controls.button.retry" id="control-bar--play-button--retry" aria-hidden="true">
         <reload-icon :color="theme.player.actions.icon"></reload-icon>
         <span class="label truncate" :style="textStyle">{{ $t('PLAYER.RETRY') }}</span>
       </span>
     </span>
+
+    <!-- Accessibility -->
+    <span class="visually-hidden">{{ a11y }}</span>
   </button>
 </template>
 
 <script>
   import store from 'store'
-  import { fromPlayerTime } from 'utils/time'
+  import { fromPlayerTime, calcSeconds, calcMinutes, calcHours } from 'utils/time'
 
   import PlayIcon from 'icons/PlayIcon'
   import PauseIcon from 'icons/PauseIcon'
@@ -76,6 +79,27 @@
         return {
           color: this.theme.player.actions.icon
         }
+      },
+      a11y () {
+        switch (this.playstate) {
+          case 'start':
+            return this.$t('A11Y.PLAYER_START', {
+              hours: calcHours(this.duration),
+              minutes: calcMinutes(this.duration),
+              seconds: calcSeconds(this.duration)
+            })
+          case 'idle':
+          case 'pause':
+            return this.$t('A11Y.PLAYER_PLAY')
+          case 'end':
+            return this.$t('A11Y.PLAYER_RESTART')
+          case 'loading':
+            return this.$t('A11Y.PLAYER_LOADING')
+          case 'error':
+            return this.$t('A11Y.PLAYER_ERROR')
+          default:
+            return this.$t('A11Y.PLAYER_PAUSE')
+        }
       }
     },
     methods: {
@@ -96,6 +120,7 @@
             break
           default:
             store.dispatch(store.actions.pause())
+            break
         }
       }
     }
diff --git a/src/components/player/control-bar/StepBackButton.vue b/src/components/player/control-bar/StepBackButton.vue
index 74a2259a0..3d5716ef1 100644
--- a/src/components/player/control-bar/StepBackButton.vue
+++ b/src/components/player/control-bar/StepBackButton.vue
@@ -1,8 +1,7 @@
 <template>
   <button class="control-button" :class="playstate" @click="onButtonClick()" :disabled="isDisabled(playtime)" id="control-bar--step-back-button">
-    <StepBackIcon
-      :color="theme.player.actions.background"
-    ></StepBackIcon>
+    <StepBackIcon :color="theme.player.actions.background" aria-hidden="true"></StepBackIcon>
+    <span class="visually-hidden">{{ $t('A11Y.PLAYER_STEPPER_BACK', { seconds: 15 }) }}</span>
   </button>
 </template>
 
diff --git a/src/components/player/control-bar/StepForwardButton.vue b/src/components/player/control-bar/StepForwardButton.vue
index da64efc5a..300496349 100644
--- a/src/components/player/control-bar/StepForwardButton.vue
+++ b/src/components/player/control-bar/StepForwardButton.vue
@@ -1,6 +1,7 @@
 <template>
   <button class="control-button" :class="playstate" @click="onButtonClick()" :disabled="isDisabled(playtime, duration)" id="control-bar--step-forward-button">
-    <step-forward-icon :color="theme.player.actions.background"></step-forward-icon>
+    <step-forward-icon :color="theme.player.actions.background" aria-hidden="true"></step-forward-icon>
+    <span class="visually-hidden">{{ $t('A11Y.PLAYER_STEPPER_FORWARD', { seconds: 30 }) }}</span>
   </button>
 </template>
 
diff --git a/src/components/player/progress-bar/CurrentChapter.vue b/src/components/player/progress-bar/CurrentChapter.vue
index a743b7c73..66f647d77 100644
--- a/src/components/player/progress-bar/CurrentChapter.vue
+++ b/src/components/player/progress-bar/CurrentChapter.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="timer-chapter truncate" id="progress-bar--current-chapter">
-    <span class="chapter-title"
+    <span class="chapter-title" :aria-label="a11y" tabindex="0"
       :style="chapterStyle"
       v-if="currentChapterIndex(chapters) > -1">
         {{chapterTitle}}
@@ -37,6 +37,10 @@
         }
 
         return get(current, 'title', '')
+      },
+
+      a11y () {
+        return this.$t('A11Y.TIMER_CHAPTER', { ...currentChapter(this.chapters) })
       }
     },
     methods: {
diff --git a/src/components/player/progress-bar/Progress.vue b/src/components/player/progress-bar/Progress.vue
index 95e5ae408..72c5d0391 100644
--- a/src/components/player/progress-bar/Progress.vue
+++ b/src/components/player/progress-bar/Progress.vue
@@ -8,6 +8,7 @@
       @input="onInput"
       @mousemove="onMouseMove"
       @mouseout="onMouseOut"
+      :title="$t('A11Y.PROGRESSBAR_INPUT')"
     >
     <input v-else
       type="range"
@@ -15,6 +16,7 @@
       :value="interpolate(playtime)"
       @change="onChange"
       @input="onInput"
+      :title="$t('A11Y.PROGRESSBAR_INPUT')"
     >
     <span class="progress-range" :style="rangeStyle"></span>
     <span class="progress-buffer" v-for="(buffering, index) in buffer" :style="bufferStyle(buffering)" :key="`buffer-${index}`"></span>
diff --git a/src/components/player/progress-bar/Timer.vue b/src/components/player/progress-bar/Timer.vue
index 50f58a98c..73cbc3469 100644
--- a/src/components/player/progress-bar/Timer.vue
+++ b/src/components/player/progress-bar/Timer.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="timer-progress" :class="playstate" :style="timerStyle">
-    <span class="current" id="progress-bar--timer-current">{{ fromPlayerTime(ghost.active ? ghost.time : playtime) }}</span>
+    <span class="current" id="progress-bar--timer-current" :aria-label="a11y.current" tabindex="0">{{ fromPlayerTime(ghost.active ? ghost.time : playtime) }}</span>
     <current-chapter class="chapter"></current-chapter>
-    <span class="time" id="progress-bar--timer-left">-{{ fromPlayerTime(duration - (ghost.active ? ghost.time : playtime)) }}</span>
+    <span class="time" id="progress-bar--timer-left" :aria-label="a11y.left" tabindex="0">-{{ fromPlayerTime(duration - (ghost.active ? ghost.time : playtime)) }}</span>
   </div>
 </template>
 
 <script>
 import color from 'color'
 
-import { fromPlayerTime } from 'utils/time'
+import { fromPlayerTime, calcHours, calcMinutes, calcSeconds } from 'utils/time'
 import CurrentChapter from './CurrentChapter'
 
 export default {
@@ -28,6 +28,12 @@ export default {
       return {
         color: color(this.theme.player.timer.text).fade(0.5)
       }
+    },
+    a11y () {
+      return {
+        current: this.$t('A11Y.TIMER_CURRENT', { hours: calcHours(this.playtime), minutes: calcMinutes(this.playtime), seconds: calcSeconds(this.playtime) }),
+        left: this.$t('A11Y.TIMER_LEFT', { hours: calcHours(this.duration - this.playtime), minutes: calcMinutes(this.duration - this.playtime), seconds: calcSeconds(this.duration - this.playtime) })
+      }
     }
   },
   methods: {
diff --git a/src/components/shared/Overlay.vue b/src/components/shared/Overlay.vue
index 7a45b4fad..6f8ed1a84 100644
--- a/src/components/shared/Overlay.vue
+++ b/src/components/shared/Overlay.vue
@@ -1,10 +1,13 @@
 <template>
   <div class="overlay-container" :class="{open: visible}">
     <div class="overlay" :style="backgroundStyle">
-      <div class="overlay-inner">
+      <div class="overlay-inner" tabindex="0" ref="overlay" :aria-label="title">
         <div class="overlay-header">
           <slot name="header"></slot>
-          <button class="overlay-close" @click="onClose()"><close-icon></close-icon></button>
+          <button class="overlay-close" @click="onClose()">
+            <close-icon aria-hidden="true"></close-icon>
+            <span class="visually-hidden">{{ $t('A11Y.OVERLAY_CLOSE') }}</span>
+          </button>
         </div>
         <div class="overlay-body">
           <slot></slot>
@@ -15,11 +18,11 @@
 </template>
 
 <script>
-  import ButtonComponent from './Button'
   import CloseIcon from 'icons/CloseIcon'
+  import ButtonComponent from './Button'
 
   export default {
-    props: ['visible', 'onClose'],
+    props: ['visible', 'onClose', 'title'],
     data () {
       return {
         theme: this.$select('theme')
@@ -32,6 +35,11 @@
         }
       }
     },
+    watch: {
+      visible () {
+        this.$refs.overlay && this.$refs.overlay.focus()
+      }
+    },
     components: {
       CloseIcon,
       ButtonComponent
diff --git a/src/components/shared/TabBody.vue b/src/components/shared/TabBody.vue
index d64ac735d..7082f9026 100644
--- a/src/components/shared/TabBody.vue
+++ b/src/components/shared/TabBody.vue
@@ -1,11 +1,11 @@
 <template>
-  <div class="tab-body" :class="{active}" :style="display === 'native' ? bodyStyle : {}">
-    <slot></slot>
+  <div class="tab-body" :class="{active}" :style="display === 'native' ? bodyStyle : {}" role="tabpanel" :aria-labelledby="`trigger-${name}`" tabindex="0" :aria-hidden="!active">
+    <slot tabindex="0"></slot>
   </div>
 </template>
 <script>
   export default {
-    props: ['active'],
+    props: ['active', 'name', 'index'],
     data () {
       return {
         theme: this.$select('theme'),
diff --git a/src/components/shared/TabHeader.vue b/src/components/shared/TabHeader.vue
index 3d6c543b7..2c2465872 100644
--- a/src/components/shared/TabHeader.vue
+++ b/src/components/shared/TabHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <ul class="tab-header" :class="{ overflows }" v-resize="resizeHandler">
+  <ul class="tab-header" :class="{ overflows }" v-resize="resizeHandler" role="tablist">
     <span class="header-shadow" :style="headerShadowStyle"></span>
     <slot></slot>
   </ul>
diff --git a/src/components/shared/TabHeaderItem.vue b/src/components/shared/TabHeaderItem.vue
index 579edb1bd..5edf1846f 100644
--- a/src/components/shared/TabHeaderItem.vue
+++ b/src/components/shared/TabHeaderItem.vue
@@ -1,10 +1,10 @@
 <template>
-  <li class="tab-header-item" :style="tabStyle" :class="{active}">
-    <a href="javascript:void(0);" @click.prevent="click()" class="caption">
-      <span class="icon" :style="{fill: iconColor(active)}"><slot name="icon"></slot></span>
+  <li class="tab-header-item" :style="tabStyle" :class="{active}" role="presentation" :rel="name">
+    <button @click="click()" class="caption" role="tab" :id="`trigger-${name}`" :aria-controls="name" :aria-selected="active" :tabindex="index">
+      <span class="icon" :style="{fill: iconColor(active)}" aria-hidden="true"><slot name="icon"></slot></span>
       <span class="title"><slot name="title"></slot></span>
-      <close-icon class="close" :color="iconColor(true)" v-if="active"></close-icon>
-    </a>
+      <close-icon class="close" :color="iconColor(true)" v-if="active" aria-hidden="true"></close-icon>
+    </button>
   </li>
 </template>
 
@@ -12,7 +12,7 @@
   import CloseIcon from 'icons/CloseIcon'
 
   export default {
-    props: ['click', 'active'],
+    props: ['click', 'active', 'name', 'index'],
     data () {
       return {
         theme: this.$select('theme'),
diff --git a/src/components/tabs/Tabs.vue b/src/components/tabs/Tabs.vue
index 24f6b4141..ce34b8511 100644
--- a/src/components/tabs/Tabs.vue
+++ b/src/components/tabs/Tabs.vue
@@ -1,49 +1,49 @@
 <template>
   <div class="tabs" :style="containerStyle" v-if="hasTabs" id="tabs">
     <tab-header-component>
-      <tab-header-item-component v-if="isVisibleTab.info" rel="info" :active="tabs.info" :click="toggleTab('info')">
+      <tab-header-item-component v-if="isVisibleTab.info" name="info" :active="tabs.info" :click="toggleTab('info')">
         <info-icon slot="icon"></info-icon>
         <span slot="title">{{ $t('INFO.TITLE') }}</span>
       </tab-header-item-component>
-      <tab-header-item-component v-if="isVisibleTab.chapters" rel="chapters" :active="tabs.chapters" :click="toggleTab('chapters')">
+      <tab-header-item-component v-if="isVisibleTab.chapters" name="chapters" :active="tabs.chapters" :click="toggleTab('chapters')">
         <chapters-icon slot="icon"></chapters-icon>
         <span slot="title">{{ $t('CHAPTERS.TITLE') }}</span>
       </tab-header-item-component>
-      <tab-header-item-component v-if="isVisibleTab.transcripts" rel="transcripts" :active="tabs.transcripts" :click="toggleTab('transcripts')">
+      <tab-header-item-component v-if="isVisibleTab.transcripts" name="transcripts" :active="tabs.transcripts" :click="toggleTab('transcripts')">
         <transcripts-icon slot="icon"></transcripts-icon>
         <span slot="title">{{ $t('TRANSCRIPTS.TITLE') }}</span>
       </tab-header-item-component>
-      <tab-header-item-component v-if="isVisibleTab.share" rel="share" :active="tabs.share" :click="toggleTab('share')">
+      <tab-header-item-component v-if="isVisibleTab.share" name="share" :active="tabs.share" :click="toggleTab('share')">
         <share-icon slot="icon"></share-icon>
         <span slot="title">{{ $t('SHARE.TITLE') }}</span>
       </tab-header-item-component>
-      <tab-header-item-component v-if="isVisibleTab.download" rel="download" :active="tabs.download" :click="toggleTab('download')">
+      <tab-header-item-component v-if="isVisibleTab.download" name="download" :active="tabs.download" :click="toggleTab('download')">
         <download-icon slot="icon"></download-icon>
         <span slot="title">{{ $t('DOWNLOAD.TITLE') }}</span>
       </tab-header-item-component>
-      <tab-header-item-component v-if="isVisibleTab.audio" rel="audio" :active="tabs.audio" :click="toggleTab('audio')">
+      <tab-header-item-component v-if="isVisibleTab.audio" name="audio" :active="tabs.audio" :click="toggleTab('audio')">
         <audio-icon slot="icon"></audio-icon>
         <span slot="title">{{ $t('AUDIO.TITLE') }}</span>
       </tab-header-item-component>
     </tab-header-component>
 
-    <tab-body-component v-if="isVisibleTab.info && tabs.info" :active="tabs.info">
-      <info-tab></info-tab>
+    <tab-body-component :active="tabs.info" name="info" :aria-selected="tabs.info" ref="info">
+      <info-tab v-if="isVisibleTab.info && tabs.info"></info-tab>
     </tab-body-component>
-    <tab-body-component v-if="isVisibleTab.chapters && tabs.chapters" :active="tabs.chapters">
-      <chapters-tab></chapters-tab>
+    <tab-body-component :active="tabs.chapters" name="chapters" :aria-selected="tabs.chapters" ref="chapters">
+      <chapters-tab v-if="isVisibleTab.chapters && tabs.chapters"></chapters-tab>
     </tab-body-component>
-    <tab-body-component v-if="isVisibleTab.share && tabs.share" :active="tabs.share">
-      <share-tab></share-tab>
+    <tab-body-component :active="tabs.transcripts" class="fixed" name="transcripts" :aria-selected="tabs.transcripts" ref="transcripts">
+      <transcripts-tab v-if="isVisibleTab.transcripts && tabs.transcripts"></transcripts-tab>
     </tab-body-component>
-    <tab-body-component v-if="isVisibleTab.transcripts && tabs.transcripts" :active="tabs.transcripts" class="fixed">
-      <transcripts-tab></transcripts-tab>
+    <tab-body-component :active="tabs.share" name="share" :aria-selected="tabs.share" ref="share">
+      <share-tab v-if="isVisibleTab.share && tabs.share"></share-tab>
     </tab-body-component>
-    <tab-body-component v-if="isVisibleTab.download && tabs.download" :active="tabs.download">
-      <download-tab></download-tab>
+    <tab-body-component :active="tabs.download" name="download" :aria-selected="tabs.download" ref="download">
+      <download-tab v-if="isVisibleTab.download && tabs.download"></download-tab>
     </tab-body-component>
-    <tab-body-component v-if="isVisibleTab.audio && tabs.audio" :active="tabs.audio">
-      <audio-tab></audio-tab>
+    <tab-body-component :active="tabs.audio" name="audio" :aria-selected="tabs.audio" ref="audio">
+      <audio-tab v-if="isVisibleTab.audio && tabs.audio"></audio-tab>
     </tab-body-component>
   </div>
 </template>
@@ -62,6 +62,15 @@ import InfoIcon from 'icons/InfoIcon'
 import AudioIcon from 'icons/AudioIcon'
 import TranscriptsIcon from 'icons/TranscriptsIcon'
 
+const tabs = {
+  ShareTab: () => import('./share/Share'),
+  ChaptersTab: () => import('./chapters/Chapters'),
+  AudioTab: () => import('./audio/Audio'),
+  InfoTab: () => import('./info/Info'),
+  DownloadTab: () => import('./download/Download'),
+  TranscriptsTab: () => import('./transcripts/Transcripts')
+}
+
 export default {
   data () {
     return {
@@ -103,10 +112,14 @@ export default {
   methods: {
     toggleTab (tab) {
       return () => {
+        !this.tabs[tab] && this.$refs[tab].$el.focus()
         store.dispatch(store.actions.toggleTab(tab))
       }
     }
   },
+  mounted () {
+    Object.keys(tabs).forEach(key => tabs[key]())
+  },
   components: {
     TabHeaderComponent,
     TabHeaderItemComponent,
@@ -119,12 +132,7 @@ export default {
     AudioIcon,
     TranscriptsIcon,
 
-    ShareTab: () => import('./share/Share'),
-    ChaptersTab: () => import('./chapters/Chapters'),
-    AudioTab: () => import('./audio/Audio'),
-    InfoTab: () => import('./info/Info'),
-    DownloadTab: () => import('./download/Download'),
-    TranscriptsTab: () => import('./transcripts/Transcripts')
+    ...tabs
   }
 }
 </script>
diff --git a/src/components/tabs/audio/AudioRate.vue b/src/components/tabs/audio/AudioRate.vue
index bd56874f3..2d1d3dced 100644
--- a/src/components/tabs/audio/AudioRate.vue
+++ b/src/components/tabs/audio/AudioRate.vue
@@ -1,17 +1,20 @@
 <template>
-  <div class="input-element">
-    <label class="spaced">
+  <div class="input-element" :aria-label="$t('A11Y.RATE')">
+    <label class="spaced" tabindex="0" :aria-label="$t('A11Y.CURRENT_RATE', { rate: toPercent(rate) })">
       <span class="input-label">{{ $t('AUDIO.SPEED') }}</span>
       <span class="input-label" id="tab-audio--rate--current">{{ toPercent(rate) }}%</span>
     </label>
     <div class="rate-slider centered">
       <button-component class="slider-button" :click="changeRate(-5, rate)" id="tab-audio--rate--decrease">
-        <minus-icon :color="theme.button.color"></minus-icon>
+        <minus-icon :color="theme.button.color" aria-hidden="true"></minus-icon>
+        <span class="visually-hidden">{{ $t('A11Y.RATE_DECREASE') }}</span>
       </button-component>
       <button-component class="slider-button" :click="changeRate(5, rate)" id="tab-audio--rate--increase">
-        <plus-icon :color="theme.button.color"></plus-icon>
+        <plus-icon :color="theme.button.color" aria-hidden="true"></plus-icon>
+        <span class="visually-hidden">{{ $t('A11Y.RATE_INCREASE') }}</span>
       </button-component>
       <input-slider-component
+        :aria-label="$t('A11Y.SET_RATE_IN_PERCENT')"
         id="tab-audio--rate--input"
         min="0" max="1" step="0.001"
         :value="sliderRate" :onInput="toStateRate"></input-slider-component>
diff --git a/src/components/tabs/audio/AudioVolume.vue b/src/components/tabs/audio/AudioVolume.vue
index a70fd73c0..d65860e5e 100644
--- a/src/components/tabs/audio/AudioVolume.vue
+++ b/src/components/tabs/audio/AudioVolume.vue
@@ -1,14 +1,15 @@
 <template>
-  <div class="input-element">
-    <label class="spaced">
+  <div class="input-element" :aria-label="$t('A11Y.VOLUME')">
+    <label class="spaced" tabindex="0" :aria-label="$t('AUDIO_CURRENT', { volume: toPercent(visualVolume) })">
       <span class="input-label">{{ $t('AUDIO.VOLUME') }}</span>
       <span class="input-label" id="tab-audio--volume--current">{{ toPercent(visualVolume) }}%</span>
     </label>
     <div class="volume-slider centered">
       <button-component class="slider-button mute-control" :click="toggleMute" id="tab-audio--volume--mute">
-        <speaker-icon :color="theme.button.text" :volume="visualVolume * 100" :muted="muted"></speaker-icon>
+        <speaker-icon :color="theme.button.text" :volume="visualVolume * 100" :muted="muted" aria-hidden="true"></speaker-icon>
+        <span class="visually-hidden">{{ a11y }}</span>
       </button-component>
-      <input-slider-component id="tab-audio--volume--input" min="0" max="1" :value="visualVolume" step="0.001" :onInput="setVolume"></input-slider-component>
+      <input-slider-component id="tab-audio--volume--input" min="0" max="1" :value="visualVolume" step="0.001" :onInput="setVolume" :aria-label="$t('A11Y.SET_VOLUME_IN_PERCENT')"></input-slider-component>
     </div>
   </div>
 </template>
@@ -53,12 +54,17 @@
           'border-color': this.theme.tabs.input.border
         }
       },
+
       visualVolume () {
         if (this.muted) {
           return 0
         }
 
         return this.volume
+      },
+
+      a11y () {
+        return this.muted ? this.$t('A11Y.VOLUME_UNMUTE') : this.$t('A11Y.VOLUME_MUTE')
       }
     },
     methods: {
diff --git a/src/components/tabs/chapters/ChapterEntry.vue b/src/components/tabs/chapters/ChapterEntry.vue
index 86e521ba5..d44ed891f 100644
--- a/src/components/tabs/chapters/ChapterEntry.vue
+++ b/src/components/tabs/chapters/ChapterEntry.vue
@@ -4,28 +4,38 @@
     :style="chapterStyle"
     @mouseover="onMouseOver"
     @mouseleave="onMouseLeave">
-    <span class="index" v-if="hover" @click="onChapterPlayClick">
+    <span class="index" v-if="hover" @click="onChapterPlayClick" aria-hidden="true">
       <play-icon size="12" :color="theme.tabs.body.icon"></play-icon>
     </span>
-    <span class="index" v-else>{{index + 1}}</span>
-    <div class="chapter--progress" v-if="runtime.platform === 'desktop'"
+
+    <span class="index" aria-hidden="true" v-else>{{chapter.index}}</span>
+
+    <div class="chapter--progress"
+      v-if="runtime.platform === 'desktop'"
       @mouseout="onMouseOut"
       @mousemove.alt="onMouseMove"
       @click="onChapterPlayClick"
-      @click.alt="onChapterClick">
-      <span class="title truncate">{{chapter.title}}</span>
-      <span class="timer">{{remainingTime}}</span>
-      <span class="progress" :style="progressStyle"></span>
+      @click.alt="onChapterClick"
+       aria-hidden="true">
+      <span class="title truncate" aria-hidden="true">{{chapter.title}}</span>
+      <span class="timer" aria-hidden="true">{{remainingTime}}</span>
+      <span class="progress" :style="progressStyle" aria-hidden="true"></span>
       <span class="progress" :style="progressGhostStyle"></span>
     </div>
 
-    <div class="chapter--progress" v-else
-      @click="onChapterPlayClick">
+    <div class="chapter--progress"
+      v-else
+      @click="onChapterPlayClick"
+       aria-hidden="true">
       <span class="title truncate">{{chapter.title}}</span>
       <span class="timer">{{remainingTime}}</span>
       <span class="progress" :style="progressStyle"></span>
       <span class="progress" :style="progressGhostStyle"></span>
     </div>
+
+    <button class="visually-hidden" @click="onChapterPlayClick">
+      {{ $t('A11Y.CHAPTER_ENTRY', a11y) }}
+    </button>
   </div>
 </template>
 
@@ -38,6 +48,8 @@
   import PlayIcon from 'icons/PlayIcon'
 
   export default {
+    props: ['chapter'],
+
     data () {
       return {
         theme: this.$select('theme'),
@@ -47,6 +59,7 @@
         runtime
       }
     },
+
     computed: {
       remainingTime () {
         if (this.chapter.active) {
@@ -99,8 +112,19 @@
           'width': progress + '%',
           'background-color': this.theme.tabs.chapters.ghost
         }
+      },
+
+      a11y () {
+        const remaining = this.chapter.active ? this.chapter.end - this.playtime : this.chapter.end - this.chapter.start
+
+        return {
+          ...this.chapter,
+          remaining: fromPlayerTime(remaining > 0 ? remaining : 0),
+          duration: fromPlayerTime(this.chapter.end - this.chapter.start)
+        }
       }
     },
+
     methods: {
       onMouseOut () {
         store.dispatch(store.actions.disableGhostMode())
@@ -120,7 +144,7 @@
       },
 
       onChapterClick (event) {
-        store.dispatch(store.actions.setChapter(this.index))
+        store.dispatch(store.actions.setChapter(this.chapter.index - 1))
         store.dispatch(store.actions.updatePlaytime(this.ghost.time))
         store.dispatch(store.actions.play())
         event.preventDefault()
@@ -128,7 +152,7 @@
       },
 
       onChapterPlayClick (event) {
-        store.dispatch(store.actions.setChapter(this.index))
+        store.dispatch(store.actions.setChapter(this.chapter.index - 1))
         store.dispatch(store.actions.play())
         event.preventDefault()
         return false
@@ -136,8 +160,7 @@
     },
     components: {
       PlayIcon
-    },
-    props: ['chapter', 'index']
+    }
   }
 </script>
 
diff --git a/src/components/tabs/download/Download.vue b/src/components/tabs/download/Download.vue
index 169c6da6b..224a3f22b 100644
--- a/src/components/tabs/download/Download.vue
+++ b/src/components/tabs/download/Download.vue
@@ -1,23 +1,26 @@
 <template>
   <div class="download-tab" id="tab-download">
     <div class="show-info centered column" v-if="episode.poster || show.poster" id="tab-download--poster">
-      <img class="episode-poster shadowed" :src="episode.poster || show.poster">
+      <img class="episode-poster shadowed" :src="episode.poster || show.poster" :alt="a11y">
       <ul class="episode-meta centered" id="tab-download--meta">
         <li class="meta centered" v-if="episode.publicationDate"><calendar-icon class="icon"></calendar-icon>{{ publicationDate }}</li>
         <li class="meta centered" v-if="episodeDuration.hours > 0"><clock-icon class="icon" size="15"></clock-icon>{{ $t('DOWNLOAD.DURATION_WITH_HOURS', episodeDuration) }}</li>
         <li class="meta centered" v-if="episodeDuration.hours === 0"><clock-icon class="icon" size="15"></clock-icon>{{ $t('DOWNLOAD.DURATION', episodeDuration) }}</li>
       </ul>
     </div>
-    <div class="file-selection centered column" :style="sectionStyle">
-      <button-component id="tab-download--button" class="action download-button" :href="download.selected" type="link" download>{{ $t('DOWNLOAD.ACTIONS.DOWNLOAD') }}</button-component>
-      <copy-tooltip-component :content="download.selected" id="tab-download--copy">
-        <button-component class="action copy-button">{{ $t('DOWNLOAD.ACTIONS.COPY') }}</button-component>
-      </copy-tooltip-component>
-      <input-select-component class="download-select" :change="setDownloadFile" id="tab-download--select">
+    <div class="file-selection centered column" :style="sectionStyle" :aria-label=" $t('A11Y.DOWNLOAD_EPISODE')">
+      <input-select-component class="download-select" :change="setDownloadFile" id="tab-download--select" :aria-label="$t('A11Y.SELECT_EPISODE_FILETYPE')">
         <option v-for="(option, index) in download.files" v-bind:key="index" v-bind:value="option.url" :selected="download.selected === option.url">
           {{ option.title }} • {{ toMegabyte(option.size) }} MB
         </option>
       </input-select-component>
+      <button-component id="tab-download--button" class="action download-button" :href="download.selected" type="link" download>{{ $t('DOWNLOAD.ACTIONS.DOWNLOAD') }}</button-component>
+      <copy-tooltip-component :content="download.selected" id="tab-download--copy">
+        <button-component class="action copy-button">
+          <span aria-hidden="true">{{ $t('DOWNLOAD.ACTIONS.COPY') }}</span>
+          <span class="visually-hidden">{{ $t('A11Y.COPY_DOWNLOAD_URL') }}</span>
+        </button-component>
+      </copy-tooltip-component>
     </div>
   </div>
 </template>
@@ -60,6 +63,13 @@
       },
       publicationDate () {
         return localeDate(this.episode.publicationDate, this.runtime.locale)
+      },
+      a11y () {
+        if (this.episode.poster) {
+          return this.$t('A11Y.ALT_EPISODE_COVER')
+        }
+
+        return this.$t('A11Y.ALT_SHOW_COVER')
       }
     },
     methods: {
diff --git a/src/components/tabs/info/Info.vue b/src/components/tabs/info/Info.vue
index 004d55a03..19fc92b7d 100644
--- a/src/components/tabs/info/Info.vue
+++ b/src/components/tabs/info/Info.vue
@@ -14,7 +14,7 @@
       </div>
       <div class="show">
         <h3 class="title" v-if="show.title" id="tab-info--show-title">{{ show.title }}</h3>
-        <img v-if="show.poster" :src="show.poster" id="tab-info--show-poster" class="show-poster shadowed"/>
+        <img v-if="show.poster" :src="show.poster" id="tab-info--show-poster" class="show-poster shadowed" :alt="$t('A11Y.ALT_SHOW_COVER')"/>
         <p class="summary" v-if="show.summary" id="tab-info--show-summary">{{ show.summary }}</p>
         <p class="link" v-if="show.link"><link-icon class="icon"></link-icon><a class="info-link truncate" :href="show.link" target="_blank" id="tab-info--show-link">{{ show.link }}</a></p>
       </div>
@@ -22,9 +22,9 @@
 
     <div class="speakers" v-if="speakers.length > 0">
       <h3 class="title">{{ $t('INFO.ON_AIR') }}</h3>
-      <ul class="list" id="tab-info--speakers">>
+      <ul class="list" id="tab-info--speakers">
         <li class="speaker" v-for="(speaker, index) in speakers" v-bind:key="index">
-          <img :src="speaker.avatar" class="shadowed avatar" :title="speaker.name" />
+          <img :src="speaker.avatar" class="shadowed avatar" :title="speaker.name" :alt="$t('A11Y.SPEAKER_COVER', { name: speaker.name })"/>
           <span class="name">{{ speaker.name }}</span>
         </li>
       </ul>
diff --git a/src/components/tabs/share/Share.vue b/src/components/tabs/share/Share.vue
index a89d855f0..8485d0d20 100644
--- a/src/components/tabs/share/Share.vue
+++ b/src/components/tabs/share/Share.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="share-tab" id="tab-share">
     <div class="content-select">
-      <share-content-component></share-content-component>
+      <share-content-component @onSelect="onContentSelect()"></share-content-component>
     </div>
 
     <div class="channel-select" :style="sectionStyle">
       <span class="label">{{ $t('SHARE.SHARE_CHANNEL') }}</span>
-      <share-channels-component :type="share.content"></share-channels-component>
+      <share-channels-component :type="share.content" ref="channels"></share-channels-component>
 
       <span class="label" v-if="hasLink">{{ $t('SHARE.SHARE_LINK') }}</span>
       <share-link-component :type="share.content" v-if="hasLink"></share-link-component>
@@ -17,6 +17,8 @@
 </template>
 
 <script>
+  import { head } from 'lodash'
+
   import ShareChannelsComponent from './ShareChannels'
   import ShareContentComponent from './ShareContent'
   import ShareLinkComponent from './ShareLink'
@@ -44,6 +46,11 @@
         return hasShowLink || hasShareLink
       }
     },
+    methods: {
+      onContentSelect () {
+        head(this.$refs.channels.$el.querySelectorAll('a')).focus()
+      }
+    },
     components: {
       ShareContentComponent,
       ShareChannelsComponent,
diff --git a/src/components/tabs/share/ShareContent.vue b/src/components/tabs/share/ShareContent.vue
index 565d317f0..0db5f3423 100644
--- a/src/components/tabs/share/ShareContent.vue
+++ b/src/components/tabs/share/ShareContent.vue
@@ -1,24 +1,42 @@
 <template>
   <div class="content" id="tab-share--content">
-    <div class="content-option" id="tab-share--content--show" v-if="show.link" :class="{active: isActive('show')}" :style="isActive('show') ? activeContentStyle : {}" @click="setContent('show')">
+    <div
+      v-if="show.link"
+      tabindex="0" role="button" :aria-label="$t('A11Y.SHARE_CONTENT_SHOW', show)"
+      class="content-option" id="tab-share--content--show"
+      :class="{active: isActive('show')}" :style="isActive('show') ? activeContentStyle : {}"
+      @click="setContent('show')">
       <share-show-icon class="icon"></share-show-icon>
       <span class="type">{{ $t('SHARE.CONTENT.SHOW') }}</span>
       <span class="title truncate">{{ show.title }}</span>
       <span class="active-indicator" :style="triangleStyle"></span>
     </div>
-    <div class="content-option" id="tab-share--content--episode" :class="{active: isActive('episode')}" :style="isActive('episode') ? activeContentStyle : {}" @click="setContent('episode')">
+    <div
+      tabindex="0" role="button" :aria-label="$t('A11Y.SHARE_CONTENT_EPISODE', episode)"
+      class="content-option" id="tab-share--content--episode"
+      :class="{active: isActive('episode')}" :style="isActive('episode') ? activeContentStyle : {}"
+      @click="setContent('episode')">
       <share-episode-icon class="icon"></share-episode-icon>
       <span class="type">{{ $t('SHARE.CONTENT.EPISODE') }}</span>
       <span class="title truncate">{{ episode.title }}</span>
       <span class="active-indicator" :style="triangleStyle"></span>
     </div>
-    <div class="content-option"  id="tab-share--content--chapter" v-if="currentChapter" :class="{active: isActive('chapter')}" :style="isActive('chapter') ? activeContentStyle : {}" @click="setContent('chapter')">
+    <div
+      v-if="currentChapter"
+      tabindex="0" role="button" :aria-label="$t('A11Y.SHARE_CONTENT_CHAPTER', episode)"
+      class="content-option" id="tab-share--content--chapter"
+      :class="{active: isActive('chapter')}" :style="isActive('chapter') ? activeContentStyle : {}"
+      @click="setContent('chapter')">
       <share-chapter-icon class="icon"></share-chapter-icon>
       <span class="type">{{ $t('SHARE.CONTENT.CHAPTER') }}</span>
       <span class="title truncate">{{ currentChapter }}</span>
       <span class="active-indicator" :style="triangleStyle"></span>
     </div>
-    <div class="content-option" id="tab-share--content--time" :class="{active: isActive('time')}" :style="isActive('time') ? activeContentStyle : {}" @click="setContent('time')">
+    <div
+      tabindex="0" role="button" :aria-label="$t('A11Y.SHARE_CONTENT_PLAYTIME', { playtime: fromPlayerTime(playtime) })"
+      class="content-option" id="tab-share--content--time"
+      :class="{active: isActive('time')}" :style="isActive('time') ? activeContentStyle : {}"
+      @click="setContent('time')">
       <share-playtime-icon class="icon"></share-playtime-icon>
       <span class="type">{{ $t('SHARE.CONTENT.TIME') }}</span>
       <span class="title truncate">{{ fromPlayerTime(playtime) }}</span>
@@ -30,7 +48,6 @@
 <script>
   import store from 'store'
   import { get } from 'lodash'
-  import { compose } from 'lodash/fp'
   import { currentChapter } from 'utils/chapters'
   import { fromPlayerTime } from 'utils/time'
 
@@ -69,7 +86,10 @@
       }
     },
     methods: {
-      setContent: compose(store.dispatch.bind(store), store.actions.setShareContent),
+      setContent (type) {
+        store.dispatch(store.actions.setShareContent(type))
+        this.$emit('onSelect')
+      },
 
       isActive (type) {
         if (this.share.content === type) {
@@ -81,7 +101,6 @@
 
       fromPlayerTime
     },
-
     components: {
       ShareShowIcon,
       ShareEpisodeIcon,
diff --git a/src/components/tabs/share/ShareEmbed.vue b/src/components/tabs/share/ShareEmbed.vue
index 168dd8f79..9348a5dec 100644
--- a/src/components/tabs/share/ShareEmbed.vue
+++ b/src/components/tabs/share/ShareEmbed.vue
@@ -1,17 +1,20 @@
 <template>
-    <overlay-component :visible="share.embed.visible" :onClose="closeEmbedOverlay" class="embed-overlay" id="share-tab--share-overlay">
+    <overlay-component :visible="share.embed.visible" :onClose="closeEmbedOverlay" :title="$t('A11Y.SHARE_OVERLAY')" class="embed-overlay" id="share-tab--share-overlay">
       <h3 name="header" class="title text-center">{{ $t('SHARE.EMBED.TITLE') }}</h3>
       <div class="input-element">
-        <label class="input-label">{{ $t('SHARE.EMBED.LABEL.SIZE') }}</label>
+        <label class="input-label" for="share-tab--share-overlay--size">{{ $t('SHARE.EMBED.LABEL.SIZE') }}</label>
         <input-select-component :model="share.embed.size" :options="share.embed.available" :change="setEmbedSize" id="share-tab--share-overlay--size"></input-select-component>
       </div>
       <div class="input-element">
-        <label class="input-label">{{ $t('SHARE.EMBED.LABEL.CODE') }}</label>
+        <label class="input-label" for="share-tab--share-overlay--code">{{ $t('SHARE.EMBED.LABEL.CODE') }}</label>
         <input-text-component class="block" disabled="true" :value="embedCode" id="share-tab--share-overlay--code"></input-text-component>
       </div>
       <div class="input-element">
         <copy-tooltip-component :content="embedCode">
-          <button-component class="block action" id="share-tab--share-overlay--copy-button">{{ $t('SHARE.EMBED.ACTIONS.COPY') }}</button-component>
+          <button-component class="block action" id="share-tab--share-overlay--copy-button">
+            <span aria-hidden="true">{{ $t('SHARE.EMBED.ACTIONS.COPY') }}</span>
+            <span class="visually-hidden">{{ $t('A11Y.COPY_EMBED_CODE') }}</span>
+          </button-component>
         </copy-tooltip-component>
       </div>
     </overlay-component>
@@ -84,6 +87,7 @@
         return `<iframe width="${width}" height="${height}" src="${addQueryParameter(this.reference.share, parameters)}" frameborder="0" scrolling="no"></iframe>`
       }
     },
+
     methods: {
       fromPlayerTime,
       setEmbedSize: compose(store.dispatch.bind(store), store.actions.setShareEmbedSize),
diff --git a/src/components/tabs/share/ShareLink.vue b/src/components/tabs/share/ShareLink.vue
index 45a631946..9d6c87f52 100644
--- a/src/components/tabs/share/ShareLink.vue
+++ b/src/components/tabs/share/ShareLink.vue
@@ -2,7 +2,10 @@
   <div class="share-link" id="tab-share--share-link">
     <input-group-component>
       <copy-tooltip-component slot="button" :content="shareLink">
-        <button-component class="truncate">{{ $t('SHARE.ACTIONS.COPY') }}</button-component>
+        <button-component class="truncate">
+          <span aria-hidden="true">{{ $t('SHARE.ACTIONS.COPY') }}</span>
+          <span class="visually-hidden">{{ $t('A11Y.COPY_SHARE_LINK') }}</span>
+        </button-component>
       </copy-tooltip-component>
       <input-text-component slot="input" disabled="true" :value="shareLink" id="tab-share--share-link--input"></input-text-component>
     </input-group-component>
diff --git a/src/components/tabs/share/channels/ChannelEmbed.vue b/src/components/tabs/share/channels/ChannelEmbed.vue
index 06abcb33d..d83ae9423 100644
--- a/src/components/tabs/share/channels/ChannelEmbed.vue
+++ b/src/components/tabs/share/channels/ChannelEmbed.vue
@@ -1,7 +1,8 @@
 <template>
-  <a class="channel-link" @click="showEmbedOverlay()">
-    <span class="channel-icon" :style="iconStyle"><embed-icon color="#fff"></embed-icon></span>
-  </a>
+  <button class="channel-link" @click="showEmbedOverlay()">
+    <span class="channel-icon" :style="iconStyle" aria-hidden="true"><embed-icon color="#fff"></embed-icon></span>
+    <span class="visually-hidden">{{ $t('A11Y.SHARE_EMBED') }}</span>
+  </button>
 </template>
 
 <script>
diff --git a/src/components/tabs/share/channels/ChannelFacebook.vue b/src/components/tabs/share/channels/ChannelFacebook.vue
index 4a6287c4b..915e38d50 100644
--- a/src/components/tabs/share/channels/ChannelFacebook.vue
+++ b/src/components/tabs/share/channels/ChannelFacebook.vue
@@ -1,6 +1,7 @@
 <template>
   <a :href="facebookLink" class="channel-link" target="_blank">
-    <span class="channel-icon facebook"><facebook-icon color="#fff"></facebook-icon></span>
+    <span class="channel-icon facebook" aria-hidden="true"><facebook-icon color="#fff"></facebook-icon></span>
+    <span class="visually-hidden">{{ $t('A11Y.SHARE_CHANNEL', { channel: 'Facebook' }) }}</span>
   </a>
 </template>
 
diff --git a/src/components/tabs/share/channels/ChannelGooglePlus.vue b/src/components/tabs/share/channels/ChannelGooglePlus.vue
index 849ddbbb9..25b2bc29a 100644
--- a/src/components/tabs/share/channels/ChannelGooglePlus.vue
+++ b/src/components/tabs/share/channels/ChannelGooglePlus.vue
@@ -1,6 +1,7 @@
 <template>
   <a :href="googlePlusLink" class="channel-link" target="_blank">
-    <span class="channel-icon google-plus"><google-plus-icon color="#fff"></google-plus-icon></span>
+    <span class="channel-icon google-plus" aria-hidden="true"><google-plus-icon color="#fff"></google-plus-icon></span>
+    <span class="visually-hidden">{{ $t('A11Y.SHARE_CHANNEL', { channel: 'Google Plus' }) }}</span>
   </a>
 </template>
 
diff --git a/src/components/tabs/share/channels/ChannelMail.vue b/src/components/tabs/share/channels/ChannelMail.vue
index de779855d..c42bfb3ad 100644
--- a/src/components/tabs/share/channels/ChannelMail.vue
+++ b/src/components/tabs/share/channels/ChannelMail.vue
@@ -1,6 +1,7 @@
 <template>
   <a :href="mailLink" class="channel-link">
-    <span class="channel-icon mail"><mail-icon color="#fff"></mail-icon></span>
+    <span class="channel-icon mail" aria-hidden="true"><mail-icon color="#fff"></mail-icon></span>
+    <span class="visually-hidden">{{ $t('A11Y.SHARE_CHANNEL', { channel: 'Mail' }) }}</span>
   </a>
 </template>
 
diff --git a/src/components/tabs/share/channels/ChannelPinterest.vue b/src/components/tabs/share/channels/ChannelPinterest.vue
index 91b1dface..12c1ed5f8 100644
--- a/src/components/tabs/share/channels/ChannelPinterest.vue
+++ b/src/components/tabs/share/channels/ChannelPinterest.vue
@@ -1,6 +1,7 @@
 <template>
   <a :href="pinterestLink" class="channel-link" target="_blank">
-    <span class="channel-icon pinterest"><pinterest-icon color="#fff"></pinterest-icon></span>
+    <span class="channel-icon pinterest" aria-hidden="true"><pinterest-icon color="#fff"></pinterest-icon></span>
+    <span class="visually-hidden">{{ $t('A11Y.SHARE_CHANNEL', { channel: 'Pinterest' }) }}</span>
   </a>
 </template>
 
diff --git a/src/components/tabs/share/channels/ChannelReddit.vue b/src/components/tabs/share/channels/ChannelReddit.vue
index 41488f71c..aa28d98a4 100644
--- a/src/components/tabs/share/channels/ChannelReddit.vue
+++ b/src/components/tabs/share/channels/ChannelReddit.vue
@@ -1,6 +1,7 @@
 <template>
   <a :href="redditLink" class="channel-link" target="_blank">
-    <span class="channel-icon reddit"><reddit-icon color="#fff"></reddit-icon></span>
+    <span class="channel-icon reddit" aria-hidden="true"><reddit-icon color="#fff"></reddit-icon></span>
+    <span class="visually-hidden">{{ $t('A11Y.SHARE_CHANNEL', { channel: 'Reddit' }) }}</span>
   </a>
 </template>
 
diff --git a/src/components/tabs/share/channels/ChannelTwitter.vue b/src/components/tabs/share/channels/ChannelTwitter.vue
index 724257f1c..96fd787cf 100644
--- a/src/components/tabs/share/channels/ChannelTwitter.vue
+++ b/src/components/tabs/share/channels/ChannelTwitter.vue
@@ -1,6 +1,7 @@
 <template>
   <a :href="twitterLink" class="channel-link" target="_blank">
-    <span class="channel-icon twitter"><twitter-icon color="#fff"></twitter-icon></span>
+    <span class="channel-icon twitter" aria-hidden="true"><twitter-icon color="#fff"></twitter-icon></span>
+    <span class="visually-hidden">{{ $t('A11Y.SHARE_CHANNEL', { channel: 'Twitter' }) }}</span>
   </a>
 </template>
 
diff --git a/src/effects/chapters.js b/src/effects/chapters.js
index 7278d80ee..380dc261b 100644
--- a/src/effects/chapters.js
+++ b/src/effects/chapters.js
@@ -10,21 +10,21 @@ import actions from 'store/actions'
 
 import { INIT, PREVIOUS_CHAPTER, NEXT_CHAPTER, SET_CHAPTER, SET_PLAYTIME, UPDATE_PLAYTIME } from 'store/types'
 
-const chapterMeta = (chapter, next) => ({
-  start: toPlayerTime(chapter.start),
-  end: toPlayerTime(next.start),
-  title: chapter.title
-})
-
 const parseChapters = duration => (result, chapter, index, chapters) => {
   const end = get(chapters, index + 1, { start: duration })
-  return [...result, chapterMeta(chapter, end)]
+
+  return [...result, {
+    index: index + 1,
+    start: toPlayerTime(chapter.start),
+    end: toPlayerTime(end.start),
+    title: chapter.title
+  }]
 }
 
 const fallbackToLastChapter = (playtime = 0) => (chapters = []) => {
   const index = findIndex(chapters, { active: true })
 
-  return (index > 0 || playtime === 0) ? chapters : chapters.map(setActiveByIndex(chapters.length - 1))
+  return (index > -1 || playtime === 0) ? chapters : chapters.map(setActiveByIndex(chapters.length - 1))
 }
 
 const chapterIndexFromState = compose(
@@ -53,7 +53,7 @@ export default handleActions({
 
     requestChapters
       .catch(() => [])
-      .then(chapters => chapters.reduce(parseChapters(toPlayerTime(duration)), []))
+      .then(chapters => chapters.reduce(parseChapters(duration), []))
       .then(chapters => chapters.map(setActiveByPlaytime(playtime)))
       .then(fallbackToLastChapter(playtime))
       .then(actions.initChapters)
diff --git a/src/effects/chapters.test.js b/src/effects/chapters.test.js
index 9c1f83479..05b253fed 100644
--- a/src/effects/chapters.test.js
+++ b/src/effects/chapters.test.js
@@ -43,7 +43,7 @@ test(`chaptersEffects: it exports a effect function`, t => {
 })
 
 test.cb(
-  `chaptersEffects: it triggers INIT_CHAPTERS inf INIT is dispatched`,
+  `chaptersEffects: it triggers INIT_CHAPTERS if INIT is dispatched`,
   t => {
     t.plan(2)
 
@@ -74,19 +74,22 @@ test.cb(
           active: false,
           end: 43137,
           start: 0,
-          title: 'chapter 1'
+          title: 'chapter 1',
+          index: 1
         },
         {
           active: true,
           end: 75911,
           start: 43137,
-          title: 'chapter 2'
+          title: 'chapter 2',
+          index: 2
         },
         {
           active: false,
           end: 100000,
           start: 75911,
-          title: 'chapter 3'
+          title: 'chapter 3',
+          index: 3
         }
       ])
       t.end()
@@ -128,19 +131,22 @@ test.cb(
           active: false,
           end: 43137,
           start: 0,
-          title: 'chapter 1'
+          title: 'chapter 1',
+          index: 1
         },
         {
           active: true,
           end: 75911,
           start: 43137,
-          title: 'chapter 2'
+          title: 'chapter 2',
+          index: 2
         },
         {
           active: false,
           end: 100000,
           start: 75911,
-          title: 'chapter 3'
+          title: 'chapter 3',
+          index: 3
         }
       ])
       t.end()
@@ -184,19 +190,22 @@ test.cb(
           active: false,
           end: 43137,
           start: 0,
-          title: 'chapter 1'
+          title: 'chapter 1',
+          index: 1
         },
         {
           active: true,
           end: 75911,
           start: 43137,
-          title: 'chapter 2'
+          title: 'chapter 2',
+          index: 2
         },
         {
           active: false,
           end: 100000,
           start: 75911,
-          title: 'chapter 3'
+          title: 'chapter 3',
+          index: 3
         }
       ])
       t.end()
diff --git a/src/effects/components/episode.js b/src/effects/components/episode.js
index 4c1c3880c..4dc19c05e 100644
--- a/src/effects/components/episode.js
+++ b/src/effects/components/episode.js
@@ -74,8 +74,16 @@ export default handleActions({
     }
   },
 
-  [INIT_CHAPTERS]: ({ dispatch }, { payload }) => {
-    hasChapters(payload) ? dispatch(actions.toggleComponentTab('chapters', true)) : noop()
+  [INIT_CHAPTERS]: ({ dispatch }, { payload }, state) => {
+    if (!hasChapters(payload)) {
+      return
+    }
+
+    dispatch(actions.toggleComponentTab('chapters', true))
+
+    if (state.playstate !== 'start') {
+      dispatch(actions.toggleChapterControls(true))
+    }
   },
 
   [LOADING]: ({ dispatch }) => dispatch(actions.showLoadingButton()),
diff --git a/src/effects/components/episode.test.js b/src/effects/components/episode.test.js
index f2aaaaebd..ea2f8eb11 100644
--- a/src/effects/components/episode.test.js
+++ b/src/effects/components/episode.test.js
@@ -15,6 +15,7 @@ test.beforeEach(t => {
         url: 'http://foo.baz'
       }]
     },
+    playstate: 'playing',
     episode: {
       url: 'http://foo.bar/episode',
       poster: './img/src'
@@ -211,6 +212,29 @@ test(`componentsEffect: it shows the chapters tab only when chapters are availab
   })
 })
 
+test(`componentsEffect: it shows the chapter steppers only when chapters are available and playstate is on start on INIT_CHAPTERS`, t => {
+  const testAction = {
+    type: 'INIT_CHAPTERS',
+    payload: ['foo', 'bar']
+  }
+
+  store.playstate = 'start'
+
+  components(store, testAction)
+  t.deepEqual(store.dispatch.getCall(0).args[0], {
+    type: 'TOGGLE_COMPONENT_TAB',
+    payload: {
+      tab: 'chapters',
+      visibility: true
+    }
+  })
+
+  t.deepEqual(store.dispatch.getCall(1).args[0], {
+    type: 'TOGGLE_COMPONENT_CONTROLS_CHAPTERS',
+    payload: true
+  })
+})
+
 test(`componentsEffect: it shows the download tab only when audio files are available on INIT`, t => {
   const testAction = {
     type: 'INIT'
diff --git a/src/effects/keyboard.js b/src/effects/keyboard.js
index e6bf49333..172264f4e 100644
--- a/src/effects/keyboard.js
+++ b/src/effects/keyboard.js
@@ -70,6 +70,13 @@ const changeVolume = (store, modifier) => () => {
   store.dispatch(actions.setVolume(parseFloat(volume) + modifier))
 }
 
+const changeRate = (store, modifier) => () => {
+  const state = store.getState()
+  const rate = get(state, 'rate', 0)
+
+  store.dispatch(actions.setRate(parseFloat(rate) + modifier))
+}
+
 const mute = (store) => () => {
   const state = store.getState()
   const muted = get(state, 'muted', false)
@@ -87,7 +94,9 @@ export default keyhandler => store => {
   keyhandler('space', playPause(store))
   keyhandler('alt+right', nextChapter(store))
   keyhandler('alt+left', previousChapter(store))
-  keyhandler('up', changeVolume(store, 0.05))
-  keyhandler('down', changeVolume(store, -0.05))
+  keyhandler('shift+up', changeVolume(store, 0.05))
+  keyhandler('shift+down', changeVolume(store, -0.05))
+  keyhandler('alt+up', changeRate(store, 0.05))
+  keyhandler('alt+down', changeRate(store, -0.05))
   keyhandler('m', mute(store))
 }
diff --git a/src/effects/keyboard.test.js b/src/effects/keyboard.test.js
index 26c3aa512..e2783865e 100644
--- a/src/effects/keyboard.test.js
+++ b/src/effects/keyboard.test.js
@@ -159,23 +159,23 @@ test(`keyboardEffect: previous chapter dispatches SET_CHAPTER if playtime is nea
   t.is(action.type, 'SET_CHAPTER')
 })
 
-test(`keyboardEffect: lower volume dispatches SET_VOLUME with the current volume`, t => {
+test(`keyboardEffect: lower volume dispatches SET_VOLUME with the current volume minus the modifier`, t => {
   store.getState = () => ({
     volume: 1
   })
 
-  effect('down')(store)
+  effect('shift+down')(store)
   const action = store.dispatch.firstCall.args[0]
   t.is(action.type, 'SET_VOLUME')
   t.is(action.payload, 0.95)
 })
 
-test(`keyboardEffect: increase volume dispatches SET_VOLUME with the current volume`, t => {
+test(`keyboardEffect: increase volume dispatches SET_VOLUME with the current volume plus the modifier`, t => {
   store.getState = () => ({
     volume: 0.95
   })
 
-  effect('up')(store)
+  effect('shift+up')(store)
   const action = store.dispatch.firstCall.args[0]
   t.is(action.type, 'SET_VOLUME')
   t.is(action.payload, 1)
@@ -200,3 +200,25 @@ test(`keyboardEffect: mute toggles UNMUTE if its currently muted`, t => {
   const action = store.dispatch.firstCall.args[0]
   t.is(action.type, 'UNMUTE')
 })
+
+test(`keyboardEffect: lower rate dispatches SET_RATE with the current rate minus the modifier`, t => {
+  store.getState = () => ({
+    rate: 1
+  })
+
+  effect('alt+down')(store)
+  const action = store.dispatch.firstCall.args[0]
+  t.is(action.type, 'SET_RATE')
+  t.is(action.payload, 0.95)
+})
+
+test(`keyboardEffect: increase volume dispatches SET_RATE with the current rate plus the modifier`, t => {
+  store.getState = () => ({
+    rate: 0.95
+  })
+
+  effect('alt+up')(store)
+  const action = store.dispatch.firstCall.args[0]
+  t.is(action.type, 'SET_RATE')
+  t.is(action.payload, 1)
+})
diff --git a/src/embed/embed.js b/src/embed/embed.js
index 293625f10..74721f241 100644
--- a/src/embed/embed.js
+++ b/src/embed/embed.js
@@ -1,18 +1,34 @@
 /* globals BASE */
-import { get, compose } from 'lodash'
-import { iframeResizer } from 'iframe-resizer'
+import {
+  get,
+  compose
+} from 'lodash'
+import {
+  iframeResizer
+} from 'iframe-resizer'
 // eslint-disable-next-line
 import iframeResizerContentWindow from 'raw-loader!iframe-resizer/js/iframeResizer.contentWindow.js'
 
-import { findNode, tag } from 'utils/dom'
+import {
+  findNode,
+  tag,
+  setAttributes
+} from 'utils/dom'
 import requestConfig from 'utils/request'
-import { urlParameters } from 'utils/url'
-import { sandbox, sandboxWindow } from 'utils/sandbox'
-import { SET_PLAYBACK_PARAMS } from 'store/types'
+import {
+  urlParameters
+} from 'utils/url'
+import {
+  sandbox,
+  sandboxWindow
+} from 'utils/sandbox'
+import {
+  SET_PLAYBACK_PARAMS
+} from 'store/types'
 
 import loader from './loader'
 
-const player = config => [
+const createPlayerDom = config => [
   // Config
   tag('script', `window.PODLOVE = ${JSON.stringify(config)}`),
 
@@ -23,8 +39,14 @@ const player = config => [
   tag('PodlovePlayer'),
 
   // Bundles
-  tag('link', '', {rel: 'stylesheet', href: `${get(config.reference, 'base', BASE)}/style.css`}),
-  tag('script', '', {type: 'text/javascript', src: `${get(config.reference, 'base', BASE)}/window.js`}),
+  tag('link', '', {
+    rel: 'stylesheet',
+    href: `${get(config.reference, 'base', BASE)}/style.css`
+  }),
+  tag('script', '', {
+    type: 'text/javascript',
+    src: `${get(config.reference, 'base', BASE)}/window.js`
+  }),
 
   // iFrameResizer
   tag('script', iframeResizerContentWindow)
@@ -50,13 +72,28 @@ const dispatchUrlParameters = store => {
   return store
 }
 
+const setAccessibilityAttributes = config => {
+  const title = `Podlove Web Player${get(config, 'title') ? ': ' + get(config, 'title') : ''}`
+
+  return setAttributes({
+    title,
+    'aria-label': title,
+    tabindex: 0
+  })
+}
+
 window.podlovePlayer = (selector, episode) =>
   requestConfig(episode)
-    .then(player)
-    .then(sandboxFromSelector(selector))
-    .then(resizer)
-    .then(sandboxWindow(['PODLOVE_STORE', 'store']))
-    .then(dispatchUrlParameters)
+    .then(config =>
+      Promise.resolve(config)
+        .then(createPlayerDom)
+        .then(sandboxFromSelector(selector))
+        // Set Title for accessibility
+        .then(setAccessibilityAttributes(config))
+        .then(resizer)
+        .then(sandboxWindow(['PODLOVE_STORE', 'store']))
+        .then(dispatchUrlParameters)
+    )
     .catch(err => {
       console.group(`Can't load Podlove Webplayer`)
       console.error('selector', selector)
diff --git a/src/lang/de.json b/src/lang/de.json
index 3d3328332..ef486fe6a 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -91,6 +91,51 @@
     "NO_SEARCH_RESULTS": "Keine Ergebnisse"
   },
   "MESSAGES": {
-    "COPIED": "Copied!"
+    "COPIED": "kopiert!"
+  },
+  "A11Y": {
+    "ALT_EPISODE_COVER": "Episoden Poster",
+    "ALT_SHOW_COVER": "Show Poster",
+    "PLAYER_PLAY": "Episode abspielen",
+    "PLAYER_START": "Starte Episode - Dauer: {hours} Stunden {minutes} Minuten {seconds} Sekunden",
+    "PLAYER_RESTART": "Episode neustarten",
+    "PLAYER_ERROR": "Nochmals versuchen Episode abzuspielen",
+    "PLAYER_PAUSE": "Episode pausieren",
+    "PLAYER_LOADING": "Episode lädt",
+    "PLAYER_CHAPTER_NEXT": "Zum nächsten Kapitel: {index} - {title}",
+    "PLAYER_CHAPTER_END": "Zume Ende des Kapitels springen",
+    "PLAYER_CHAPTER_PREVIOUS": "Zum vorhergehenden Kapitel: {index} - {title}",
+    "PLAYER_CHAPTER_CURRENT": "Zum Anfang des aktiven Kapitels springen: {index} - {title}",
+    "PLAYER_STEPPER_BACK": "{seconds} Sekunden zurückspringen",
+    "PLAYER_STEPPER_FORWARD": "{seconds} Sekunden vorspringen",
+    "PROGRESSBAR_INPUT": "Spielzeit in Millisekunden ändern",
+    "TIMER_CURRENT": "Aktuelle Spielzeit: {hours} Stunden {minutes} Minuten {seconds} Sekunden",
+    "TIMER_LEFT": "Verbleibende Spielzeit: {hours} Stunden {minutes} Minuten {seconds} Sekunden",
+    "TIMER_CHAPTER": "Aktuelles Kapitel: {index} - {title}",
+    "SPEAKER_COVER": "Sprecher {name}",
+    "CHAPTER_ENTRY": "{index} - {title} (Dauer: {duration}, Verbleibend: {remaining})",
+    "SHARE_CONTENT_SHOW": "Show {title} teilen",
+    "SHARE_CONTENT_EPISODE": "Episode {title} teilen",
+    "SHARE_CONTENT_CHAPTER": "Kapitel {title} teilen",
+    "SHARE_CONTENT_PLAYTIME": "Episode mit Spielzeit {playtime} teilen",
+    "SHARE_CHANNEL": "Teilen nach {channel}",
+    "SHARE_EMBED": "Embed Code erstellen",
+    "COPY_SHARE_LINK": "Link zum Teilen kopieren",
+    "SHARE_OVERLAY": "Teilen Dialog",
+    "OVERLAY_CLOSE": "Dialog schließen",
+    "COPY_EMBED_CODE": "Embed Code kopieren",
+    "DOWNLOAD_EPISODE": "Episode herunterladen",
+    "SELECT_EPISODE_FILETYPE": "Dateityp der Episode auswählen",
+    "COPY_DOWNLOAD_URL": "Download Url kopieren",
+    "RATE": "Abspielgeschwindigkeit",
+    "RATE_CURRENT": "Gerade: {rate}%",
+    "RATE_INCREASE": "Abspielgeschwindigkeit erhöhen",
+    "RATE_DECREASE": "Abspielgeschwindigkeit verringern",
+    "SET_RATE_IN_PERCENT": "Abspielgeschwindigkeit in Prozent anpassen",
+    "VOLUME": "Lautheit",
+    "VOLUME_CURRENT": "Gerade: {volume}%",
+    "VOLUME_MUTE": "Audio stummschalten",
+    "VOLUME_UNMUTE": "Audio aktivschalten",
+    "SET_VOLUME_IN_PERCENT": "Lautheit in Prozent anpassen"
   }
 }
diff --git a/src/lang/en.json b/src/lang/en.json
index 67482f994..37f6a8977 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -87,5 +87,50 @@
   },
   "MESSAGES": {
     "COPIED": "Copied!"
+  },
+  "A11Y": {
+    "ALT_EPISODE_COVER": "Episoden Cover",
+    "ALT_SHOW_COVER": "Show Cover",
+    "PLAYER_PLAY": "Play Episode",
+    "PLAYER_START": "Start Episode, duration {hours} hours {minutes} minutes {seconds} seconds",
+    "PLAYER_RESTART": "Restart Episode",
+    "PLAYER_ERROR": "Retry Play Episode",
+    "PLAYER_PAUSE": "Pause Episode",
+    "PLAYER_LOADING": "Buffering Episode",
+    "PLAYER_CHAPTER_NEXT": "Go to Next Chapter: {index} - {title}",
+    "PLAYER_CHAPTER_END": "Jump to End of Episode",
+    "PLAYER_CHAPTER_PREVIOUS": "Go to Previous Chapter: {index} - {title}",
+    "PLAYER_CHAPTER_CURRENT": "Go to the Beginning of the Current Chapter: {index} - {title}",
+    "PLAYER_STEPPER_BACK": "Rewind {seconds} Seconds",
+    "PLAYER_STEPPER_FORWARD": "Fast Forward {seconds} Seconds",
+    "PROGRESSBAR_INPUT": "Change Playtime in Milliseconds",
+    "TIMER_CURRENT": "Current Playtime: {hours} hours {minutes} minutes {seconds} seconds",
+    "TIMER_LEFT": "Playtime Left: {hours} hours {minutes} minutes {seconds} seconds",
+    "TIMER_CHAPTER": "Current Chapter: {index} - {title}",
+    "SPEAKER_COVER": "Speaker {name}",
+    "CHAPTER_ENTRY": "{index} - {title} (Duration: {duration}, Remaining: {remaining})",
+    "SHARE_CONTENT_SHOW": "Share Show {title}",
+    "SHARE_CONTENT_EPISODE": "Share Episode {title}",
+    "SHARE_CONTENT_CHAPTER": "Share Episode Chapter {title}",
+    "SHARE_CONTENT_PLAYTIME": "Share Episode Playtime {playtime}",
+    "SHARE_CHANNEL": "Share to {channel}",
+    "SHARE_EMBED": "Create Embed Code",
+    "COPY_SHARE_LINK": "Copy Share Link",
+    "SHARE_OVERLAY": "Share Overlay",
+    "OVERLAY_CLOSE": "Close Overlay",
+    "COPY_EMBED_CODE": "Copy Embed Code",
+    "DOWNLOAD_EPISODE": "Download Episode",
+    "SELECT_EPISODE_FILETYPE": "Select Episode Filetype",
+    "COPY_DOWNLOAD_URL": "Copy Download Url",
+    "RATE": "Playback Speed",
+    "RATE_CURRENT": "Current: {rate}%",
+    "RATE_INCREASE": "Increase Playback Speed",
+    "RATE_DECREASE": "Decrease Playback Speed",
+    "SET_RATE_IN_PERCENT": "Set Playback Speed in Percent",
+    "VOLUME": "Audio Volume",
+    "VOLUME_CURRENT": "Current: {volume}%",
+    "VOLUME_MUTE": "Mute Audio",
+    "VOLUME_UNMUTE": "Unmute Audio",
+    "SET_VOLUME_IN_PERCENT": "Set Volume in Percent"
   }
 }
diff --git a/src/styles/_utils.scss b/src/styles/_utils.scss
index 05f95d3b1..c58ca52ae 100644
--- a/src/styles/_utils.scss
+++ b/src/styles/_utils.scss
@@ -41,3 +41,11 @@
   display: flex;
   justify-content: space-between;
 }
+
+.visually-hidden {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+}
diff --git a/src/utils/chapters.js b/src/utils/chapters.js
index aedba930b..8986ac866 100644
--- a/src/utils/chapters.js
+++ b/src/utils/chapters.js
@@ -1,14 +1,23 @@
 import { fallbackTo } from 'utils/helper'
-import { find, findIndex, compose } from 'lodash/fp'
+import { find, findIndex, add, compose } from 'lodash/fp'
+
+import { get } from 'lodash'
 
 const emptyChapter = {
   start: null,
-  end: null
+  end: null,
+  title: null,
+  index: -1
 }
 
+export const getChapterByIndex = chapters => index => get(chapters, index, emptyChapter)
+
 export const currentChapterIndex = compose(fallbackTo(-1), findIndex({active: true}))
 export const currentChapter = compose(fallbackTo(emptyChapter), find({active: true}))
 
+export const nextChapter = chapters => compose(getChapterByIndex(chapters), add(1), currentChapterIndex)(chapters)
+export const previousChapter = chapters => compose(getChapterByIndex(chapters), add(-1), currentChapterIndex)(chapters)
+
 export const currentChapterByPlaytime = chapters => playtime => find(chapter => {
   if (playtime < chapter.start) {
     return false
diff --git a/src/utils/chapters.test.js b/src/utils/chapters.test.js
index 10a81f0ba..6688ef7ae 100644
--- a/src/utils/chapters.test.js
+++ b/src/utils/chapters.test.js
@@ -35,7 +35,9 @@ test('exports a method called currentChapterIndex', t => {
 test('currentChapter should return undefined if no matches', t => {
   t.deepEqual(currentChapter([]), {
     start: null,
-    end: null
+    end: null,
+    title: null,
+    index: -1
   })
 })
 
diff --git a/yarn.lock b/yarn.lock
index bb9fab5b4..805da61c5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -159,9 +159,9 @@
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.0.2.tgz#d056b68999769728a1cff8d643bc59eb6f0be436"
 
-"@podlove/html5-audio-driver@1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@podlove/html5-audio-driver/-/html5-audio-driver-1.1.1.tgz#fbfb3c2136becc488462b4a4d6764ef115b4c0b8"
+"@podlove/html5-audio-driver@1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@podlove/html5-audio-driver/-/html5-audio-driver-1.1.2.tgz#184968bae81465a4cf4437e472d4babc76315d98"
   dependencies:
     ramda "0.24.1"
 
@@ -251,120 +251,131 @@
     source-map "^0.5.6"
     vue-template-es2015-compiler "^1.6.0"
 
-"@webassemblyjs/ast@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.4.3.tgz#3b3f6fced944d8660273347533e6d4d315b5934a"
+"@webassemblyjs/ast@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.5.8.tgz#f75ac7e7602b7833abd5d53951baae8a07ebb5df"
   dependencies:
-    "@webassemblyjs/helper-wasm-bytecode" "1.4.3"
-    "@webassemblyjs/wast-parser" "1.4.3"
+    "@webassemblyjs/helper-module-context" "1.5.8"
+    "@webassemblyjs/helper-wasm-bytecode" "1.5.8"
+    "@webassemblyjs/wast-parser" "1.5.8"
     debug "^3.1.0"
-    webassemblyjs "1.4.3"
+    mamacro "^0.0.3"
 
-"@webassemblyjs/floating-point-hex-parser@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.4.3.tgz#f5aee4c376a717c74264d7bacada981e7e44faad"
+"@webassemblyjs/floating-point-hex-parser@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.5.8.tgz#e0604d34fab0c910e16113720a5a3c01f558fa54"
 
-"@webassemblyjs/helper-buffer@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.4.3.tgz#0434b55958519bf503697d3824857b1dea80b729"
+"@webassemblyjs/helper-api-error@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.5.8.tgz#f5570aff60090fae1b78a690a95d04cb021da9ca"
+
+"@webassemblyjs/helper-buffer@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.5.8.tgz#b1405e819a2c537964682fb70551796ab9602632"
   dependencies:
     debug "^3.1.0"
 
-"@webassemblyjs/helper-code-frame@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.4.3.tgz#f1349ca3e01a8e29ee2098c770773ef97af43641"
+"@webassemblyjs/helper-code-frame@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.5.8.tgz#6439de475720198a48fa8b4c38e41987798f73cc"
   dependencies:
-    "@webassemblyjs/wast-printer" "1.4.3"
+    "@webassemblyjs/wast-printer" "1.5.8"
 
-"@webassemblyjs/helper-fsm@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.4.3.tgz#65a921db48fb43e868f17b27497870bdcae22b79"
+"@webassemblyjs/helper-fsm@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.5.8.tgz#6169af3c9530cf9e89a8f3cf2970ed70e650ae4f"
 
-"@webassemblyjs/helper-wasm-bytecode@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.4.3.tgz#0e5b4b5418e33f8a26e940b7809862828c3721a5"
+"@webassemblyjs/helper-module-context@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-module-context/-/helper-module-context-1.5.8.tgz#73d0de45cebb774d465b5a66fef061f834d6c23c"
 
-"@webassemblyjs/helper-wasm-section@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.4.3.tgz#9ceedd53a3f152c3412e072887ade668d0b1acbf"
+"@webassemblyjs/helper-wasm-bytecode@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.5.8.tgz#60df17f72d12b07e1398756e6ebfe59c03ab2e1a"
+
+"@webassemblyjs/helper-wasm-section@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.5.8.tgz#cda7fdb6f3b7b0d215c8f92b7435d47726822f49"
   dependencies:
-    "@webassemblyjs/ast" "1.4.3"
-    "@webassemblyjs/helper-buffer" "1.4.3"
-    "@webassemblyjs/helper-wasm-bytecode" "1.4.3"
-    "@webassemblyjs/wasm-gen" "1.4.3"
+    "@webassemblyjs/ast" "1.5.8"
+    "@webassemblyjs/helper-buffer" "1.5.8"
+    "@webassemblyjs/helper-wasm-bytecode" "1.5.8"
+    "@webassemblyjs/wasm-gen" "1.5.8"
     debug "^3.1.0"
 
-"@webassemblyjs/leb128@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.4.3.tgz#5a5e5949dbb5adfe3ae95664d0439927ac557fb8"
+"@webassemblyjs/ieee754@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.5.8.tgz#29383c7172e90121613d5614d532f22c19255c3b"
   dependencies:
-    leb "^0.3.0"
+    ieee754 "^1.1.11"
 
-"@webassemblyjs/validation@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/validation/-/validation-1.4.3.tgz#9e66c9b3079d7bbcf2070c1bf52a54af2a09aac9"
+"@webassemblyjs/leb128@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.5.8.tgz#657c48ef2537ea2921e897a50157be700bf24eac"
   dependencies:
-    "@webassemblyjs/ast" "1.4.3"
+    leb "^0.3.0"
 
-"@webassemblyjs/wasm-edit@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.4.3.tgz#87febd565e0ffb5ae25f6495bb3958d17aa0a779"
-  dependencies:
-    "@webassemblyjs/ast" "1.4.3"
-    "@webassemblyjs/helper-buffer" "1.4.3"
-    "@webassemblyjs/helper-wasm-bytecode" "1.4.3"
-    "@webassemblyjs/helper-wasm-section" "1.4.3"
-    "@webassemblyjs/wasm-gen" "1.4.3"
-    "@webassemblyjs/wasm-opt" "1.4.3"
-    "@webassemblyjs/wasm-parser" "1.4.3"
-    "@webassemblyjs/wast-printer" "1.4.3"
+"@webassemblyjs/wasm-edit@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.5.8.tgz#592d3678894eaa2ee7e7c2c6a13c2a697db1aa7e"
+  dependencies:
+    "@webassemblyjs/ast" "1.5.8"
+    "@webassemblyjs/helper-buffer" "1.5.8"
+    "@webassemblyjs/helper-wasm-bytecode" "1.5.8"
+    "@webassemblyjs/helper-wasm-section" "1.5.8"
+    "@webassemblyjs/wasm-gen" "1.5.8"
+    "@webassemblyjs/wasm-opt" "1.5.8"
+    "@webassemblyjs/wasm-parser" "1.5.8"
+    "@webassemblyjs/wast-printer" "1.5.8"
     debug "^3.1.0"
 
-"@webassemblyjs/wasm-gen@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.4.3.tgz#8553164d0154a6be8f74d653d7ab355f73240aa4"
+"@webassemblyjs/wasm-gen@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.5.8.tgz#e94e034a45227aaa7c481b25c1aa9a0a00ab9488"
   dependencies:
-    "@webassemblyjs/ast" "1.4.3"
-    "@webassemblyjs/helper-wasm-bytecode" "1.4.3"
-    "@webassemblyjs/leb128" "1.4.3"
+    "@webassemblyjs/ast" "1.5.8"
+    "@webassemblyjs/helper-wasm-bytecode" "1.5.8"
+    "@webassemblyjs/ieee754" "1.5.8"
+    "@webassemblyjs/leb128" "1.5.8"
 
-"@webassemblyjs/wasm-opt@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.4.3.tgz#26c7a23bfb136aa405b1d3410e63408ec60894b8"
+"@webassemblyjs/wasm-opt@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.5.8.tgz#a3a0d00d98dee0f3cf2ae41084eb62715a39242c"
   dependencies:
-    "@webassemblyjs/ast" "1.4.3"
-    "@webassemblyjs/helper-buffer" "1.4.3"
-    "@webassemblyjs/wasm-gen" "1.4.3"
-    "@webassemblyjs/wasm-parser" "1.4.3"
+    "@webassemblyjs/ast" "1.5.8"
+    "@webassemblyjs/helper-buffer" "1.5.8"
+    "@webassemblyjs/wasm-gen" "1.5.8"
+    "@webassemblyjs/wasm-parser" "1.5.8"
     debug "^3.1.0"
 
-"@webassemblyjs/wasm-parser@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.4.3.tgz#7ddd3e408f8542647ed612019cfb780830993698"
-  dependencies:
-    "@webassemblyjs/ast" "1.4.3"
-    "@webassemblyjs/helper-wasm-bytecode" "1.4.3"
-    "@webassemblyjs/leb128" "1.4.3"
-    "@webassemblyjs/wasm-parser" "1.4.3"
-    webassemblyjs "1.4.3"
-
-"@webassemblyjs/wast-parser@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.4.3.tgz#3250402e2c5ed53dbe2233c9de1fe1f9f0d51745"
-  dependencies:
-    "@webassemblyjs/ast" "1.4.3"
-    "@webassemblyjs/floating-point-hex-parser" "1.4.3"
-    "@webassemblyjs/helper-code-frame" "1.4.3"
-    "@webassemblyjs/helper-fsm" "1.4.3"
+"@webassemblyjs/wasm-parser@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.5.8.tgz#a258a7fd15bd57597e4211d9068639807546555b"
+  dependencies:
+    "@webassemblyjs/ast" "1.5.8"
+    "@webassemblyjs/helper-api-error" "1.5.8"
+    "@webassemblyjs/helper-wasm-bytecode" "1.5.8"
+    "@webassemblyjs/leb128" "1.5.8"
+    "@webassemblyjs/wasm-parser" "1.5.8"
+
+"@webassemblyjs/wast-parser@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.5.8.tgz#85705659e15d19b89af38a8d6803d720bb0493cf"
+  dependencies:
+    "@webassemblyjs/ast" "1.5.8"
+    "@webassemblyjs/floating-point-hex-parser" "1.5.8"
+    "@webassemblyjs/helper-api-error" "1.5.8"
+    "@webassemblyjs/helper-code-frame" "1.5.8"
+    "@webassemblyjs/helper-fsm" "1.5.8"
     long "^3.2.0"
-    webassemblyjs "1.4.3"
+    mamacro "^0.0.3"
 
-"@webassemblyjs/wast-printer@1.4.3":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.4.3.tgz#3d59aa8d0252d6814a3ef4e6d2a34c9ded3904e0"
+"@webassemblyjs/wast-printer@1.5.8":
+  version "1.5.8"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.5.8.tgz#0f83aa67eddf377dd1d6205d4a4ac976db60e1f6"
   dependencies:
-    "@webassemblyjs/ast" "1.4.3"
-    "@webassemblyjs/wast-parser" "1.4.3"
+    "@webassemblyjs/ast" "1.5.8"
+    "@webassemblyjs/wast-parser" "1.5.8"
     long "^3.2.0"
 
 JSONStream@^1.0.4:
@@ -1463,6 +1474,14 @@ babel-polyfill@6.20.0:
     core-js "^2.4.0"
     regenerator-runtime "^0.10.0"
 
+babel-polyfill@6.23.0:
+  version "6.23.0"
+  resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.23.0.tgz#8364ca62df8eafb830499f699177466c3b03499d"
+  dependencies:
+    babel-runtime "^6.22.0"
+    core-js "^2.4.0"
+    regenerator-runtime "^0.10.0"
+
 babel-polyfill@6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
@@ -2504,13 +2523,13 @@ commander@~2.13.0:
   version "2.13.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.13.0.tgz#6964bca67685df7c1f1430c584f07d7597885b9c"
 
-commitizen@2.9.6:
-  version "2.9.6"
-  resolved "https://registry.yarnpkg.com/commitizen/-/commitizen-2.9.6.tgz#c0d00535ef264da7f63737edfda4228983fa2291"
+commitizen@2.10.1:
+  version "2.10.1"
+  resolved "https://registry.yarnpkg.com/commitizen/-/commitizen-2.10.1.tgz#8c395def34a895f4e94952c2efc3c9eb4c3683bd"
   dependencies:
     cachedir "^1.1.0"
     chalk "1.1.3"
-    cz-conventional-changelog "1.2.0"
+    cz-conventional-changelog "2.0.0"
     dedent "0.6.0"
     detect-indent "4.0.0"
     find-node-modules "1.0.4"
@@ -2518,8 +2537,9 @@ commitizen@2.9.6:
     fs-extra "^1.0.0"
     glob "7.1.1"
     inquirer "1.2.3"
-    lodash "4.17.2"
+    lodash "4.17.5"
     minimist "1.2.0"
+    opencollective "1.0.3"
     path-exists "2.1.0"
     shelljs "0.7.6"
     strip-json-comments "2.0.1"
@@ -3120,9 +3140,9 @@ cypress@^2.1.0:
     url "0.11.0"
     yauzl "2.8.0"
 
-cz-conventional-changelog@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/cz-conventional-changelog/-/cz-conventional-changelog-1.2.0.tgz#2bca04964c8919b23f3fd6a89ef5e6008b31b3f8"
+cz-conventional-changelog@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/cz-conventional-changelog/-/cz-conventional-changelog-2.0.0.tgz#55a979afdfe95e7024879d2a0f5924630170b533"
   dependencies:
     conventional-commit-types "^2.0.0"
     lodash.map "^4.5.1"
@@ -3343,9 +3363,9 @@ destroy@~1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
 
-detect-browser@2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/detect-browser/-/detect-browser-2.2.0.tgz#a9b2502b30f07de7fab98934a2ce24535d33a9cd"
+detect-browser@2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/detect-browser/-/detect-browser-2.5.0.tgz#f04153d1906fb9da0047f88ac0b92a83a66cfc4e"
 
 detect-conflict@^1.0.0:
   version "1.0.1"
@@ -4100,7 +4120,7 @@ external-editor@^1.1.0:
     spawn-sync "^1.0.15"
     tmp "^0.0.29"
 
-external-editor@^2.0.4, external-editor@^2.1.0:
+external-editor@^2.0.1, external-editor@^2.0.4, external-editor@^2.1.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-2.2.0.tgz#045511cfd8d133f3846673d1047c154e214ad3d5"
   dependencies:
@@ -5335,7 +5355,7 @@ icss-utils@^2.1.0:
   dependencies:
     postcss "^6.0.1"
 
-ieee754@^1.1.4:
+ieee754@^1.1.11, ieee754@^1.1.4:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.11.tgz#c16384ffe00f5b7835824e67b6f2bd44a5229455"
 
@@ -5473,6 +5493,24 @@ inquirer@1.2.3:
     strip-ansi "^3.0.0"
     through "^2.3.6"
 
+inquirer@3.0.6:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.0.6.tgz#e04aaa9d05b7a3cb9b0f407d04375f0447190347"
+  dependencies:
+    ansi-escapes "^1.1.0"
+    chalk "^1.0.0"
+    cli-cursor "^2.1.0"
+    cli-width "^2.0.0"
+    external-editor "^2.0.1"
+    figures "^2.0.0"
+    lodash "^4.3.0"
+    mute-stream "0.0.7"
+    run-async "^2.2.0"
+    rx "^4.1.0"
+    string-width "^2.0.0"
+    strip-ansi "^3.0.0"
+    through "^2.3.6"
+
 inquirer@^3.0.6:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-3.3.0.tgz#9dd2f2ad765dcab1ff0443b491442a20ba227dc9"
@@ -6501,14 +6539,14 @@ lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
 
-lodash@4.17.2:
-  version "4.17.2"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.2.tgz#34a3055babe04ce42467b607d700072c7ff6bf42"
-
 lodash@4.17.4:
   version "4.17.4"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
 
+lodash@4.17.5:
+  version "4.17.5"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.5.tgz#99a92d65c0272debe8c96b6057bc8fbfa3bed511"
+
 lodash@^3.10.1:
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
@@ -6605,6 +6643,10 @@ make-dir@^1.0.0, make-dir@^1.1.0:
   dependencies:
     pify "^3.0.0"
 
+mamacro@^0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/mamacro/-/mamacro-0.0.3.tgz#ad2c9576197c9f1abf308d0787865bd975a3f3e4"
+
 map-cache@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
@@ -7084,6 +7126,13 @@ node-dir@0.1.8:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/node-dir/-/node-dir-0.1.8.tgz#55fb8deb699070707fb67f91a460f0448294c77d"
 
+node-fetch@1.6.3:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.6.3.tgz#dc234edd6489982d58e8f0db4f695029abcd8c04"
+  dependencies:
+    encoding "^0.1.11"
+    is-stream "^1.0.1"
+
 node-fetch@^1.0.1:
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
@@ -7420,10 +7469,28 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
+opencollective@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/opencollective/-/opencollective-1.0.3.tgz#aee6372bc28144583690c3ca8daecfc120dd0ef1"
+  dependencies:
+    babel-polyfill "6.23.0"
+    chalk "1.1.3"
+    inquirer "3.0.6"
+    minimist "1.2.0"
+    node-fetch "1.6.3"
+    opn "4.0.2"
+
 opener@^1.4.3, opener@~1.4.0:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.4.3.tgz#5c6da2c5d7e5831e8ffa3964950f8d6674ac90b8"
 
+opn@4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/opn/-/opn-4.0.2.tgz#7abc22e644dff63b0a96d5ab7f2790c0f01abc95"
+  dependencies:
+    object-assign "^4.0.1"
+    pinkie-promise "^2.0.0"
+
 opn@^5.1.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/opn/-/opn-5.3.0.tgz#64871565c863875f052cfdf53d3e3cb5adb53b1c"
@@ -10603,9 +10670,9 @@ vue-i18n@7.7.0:
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-7.7.0.tgz#f317581e0ebc43c128662501cfabd6ecd5e7fceb"
 
-vue-loader@15.2.1:
-  version "15.2.1"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.2.1.tgz#89a13b6b7dec63614729c73b1b46a571a69bb20e"
+vue-loader@15.2.2:
+  version "15.2.2"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.2.2.tgz#d845fef2eca64e91042e66315119536e17f1538d"
   dependencies:
     "@vue/component-compiler-utils" "^1.2.1"
     hash-sum "^1.0.2"
@@ -10653,16 +10720,6 @@ wbuf@^1.1.0, wbuf@^1.7.2:
   dependencies:
     minimalistic-assert "^1.0.0"
 
-webassemblyjs@1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/webassemblyjs/-/webassemblyjs-1.4.3.tgz#0591893efb8fbde74498251cbe4b2d83df9239cb"
-  dependencies:
-    "@webassemblyjs/ast" "1.4.3"
-    "@webassemblyjs/validation" "1.4.3"
-    "@webassemblyjs/wasm-parser" "1.4.3"
-    "@webassemblyjs/wast-parser" "1.4.3"
-    long "^3.2.0"
-
 webidl-conversions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
@@ -10796,13 +10853,14 @@ webpack-sources@^1.0.1, webpack-sources@^1.1.0:
     source-list-map "^2.0.0"
     source-map "~0.6.1"
 
-webpack@4.9.1:
-  version "4.9.1"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.9.1.tgz#fa7bd738b17fd7f09f37da461b2f5c16c6565f34"
+webpack@4.10.0:
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.10.0.tgz#bc7a274afdb5556f9cbe836778abbca283c52938"
   dependencies:
-    "@webassemblyjs/ast" "1.4.3"
-    "@webassemblyjs/wasm-edit" "1.4.3"
-    "@webassemblyjs/wasm-parser" "1.4.3"
+    "@webassemblyjs/ast" "1.5.8"
+    "@webassemblyjs/wasm-edit" "1.5.8"
+    "@webassemblyjs/wasm-opt" "1.5.8"
+    "@webassemblyjs/wasm-parser" "1.5.8"
     acorn "^5.0.0"
     acorn-dynamic-import "^3.0.0"
     ajv "^6.1.0"