Added names to sections for accessibility

src/components/TheDownloadTab.vue

@@ -5,6 +5,7 @@
 		@transitionend="$refs.container.style.transition = ''"
 		ref="container"
 		:data-label="$t('downloads')"
+		 aria-label="downloads"
 	>
 		<div id="download_tab_drag_handler" @mousedown.prevent="startDrag" ref="dragHandler"></div>
 		<i
@@ -337,4 +338,3 @@ export default {
 	}
 }
 </script>
-

src/components/TheMiddleSection.vue

@@ -1,5 +1,5 @@
 <template>
-	<main id="main_content">
+	<main id="main_content" aria-label="content">
 		<TheContent />
 		<!-- <BaseLoadingPlaceholder id="search_placeholder" text="Searching..." :hidden="true" /> -->
 	</main>
@@ -30,4 +30,4 @@ export default {
 </script>
 
 <style>
-</style>
+</style>

src/components/TheSearchBar.vue

@@ -1,5 +1,5 @@
 <template>
-	<header id="search">
+	<header id="search" aria-label="searchbar">
 		<div class="search__icon">
 			<i class="material-icons">search</i>
 		</div>

src/components/TheSidebar.vue

@@ -1,5 +1,5 @@
 <template>
-	<aside id="sidebar" role="navigation">
+	<aside id="sidebar" role="navigation" aria-label="sidebar">
 		<router-link
 			v-for="link in links"
 			:key="link.id"