From 5e23d960abe8705f70cc969f5b96201e5f0006f6 Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Wed, 10 May 2023 16:20:52 -0400
Subject: [PATCH] some semantics

---
 packages/client/src/components/MkPostForm.vue          | 5 +++--
 packages/client/src/components/MkSuperMenu.vue         | 8 ++++----
 packages/client/src/components/global/MkPageHeader.vue | 8 ++++----
 packages/client/src/pages/settings/index.vue           | 4 ++--
 packages/client/src/ui/_common_/navbar.vue             | 8 ++++----
 packages/client/src/ui/universal.widgets.vue           | 4 ++--
 6 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/packages/client/src/components/MkPostForm.vue b/packages/client/src/components/MkPostForm.vue
index 60d5dee2f0..115211ede4 100644
--- a/packages/client/src/components/MkPostForm.vue
+++ b/packages/client/src/components/MkPostForm.vue
@@ -1,8 +1,9 @@
 <template>
-	<div
+	<section
 		v-size="{ max: [310, 500] }"
 		class="gafaadew"
 		:class="{ modal, _popup: modal }"
+		:aria-label="i18n.ts.blocks.post"
 		@dragover.stop="onDragover"
 		@dragenter="onDragenter"
 		@dragleave="onDragleave"
@@ -218,7 +219,7 @@
 				/>
 			</datalist>
 		</div>
-	</div>
+	</section>
 </template>
 
 <script lang="ts" setup>
diff --git a/packages/client/src/components/MkSuperMenu.vue b/packages/client/src/components/MkSuperMenu.vue
index d66f838d18..2cfda6426b 100644
--- a/packages/client/src/components/MkSuperMenu.vue
+++ b/packages/client/src/components/MkSuperMenu.vue
@@ -1,6 +1,6 @@
 <template>
-	<div class="rrevdjwu" :class="{ grid }">
-		<div v-for="group in def" class="group">
+	<nav class="rrevdjwu" :class="{ grid }">
+		<section v-for="group in def" class="group">
 			<div v-if="group.title" class="title">{{ group.title }}</div>
 
 			<div class="items">
@@ -48,8 +48,8 @@
 					</MkA>
 				</template>
 			</div>
-		</div>
-	</div>
+		</section>
+	</nav>
 </template>
 
 <script lang="ts">
diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index c78ef0c10b..67747e6206 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -1,5 +1,5 @@
 <template>
-	<div
+	<header
 		v-if="show"
 		ref="el"
 		class="fdidabkb"
@@ -63,7 +63,7 @@
 					</div>
 				</div>
 			</div>
-			<div ref="tabsEl" v-if="hasTabs" class="tabs">
+			<nav ref="tabsEl" v-if="hasTabs" class="tabs">
 				<button
 					v-for="tab in tabs"
 					:ref="(el) => (tabRefs[tab.key] = el)"
@@ -79,7 +79,7 @@
 					<span class="title">{{ tab.title }}</span>
 				</button>
 				<div ref="tabHighlightEl" class="highlight"></div>
-			</div>
+			</nav>
 		</template>
 		<div class="buttons right">
 			<template v-for="action in actions">
@@ -94,7 +94,7 @@
 				</button>
 			</template>
 		</div>
-	</div>
+	</header>
 </template>
 
 <script lang="ts" setup>
diff --git a/packages/client/src/pages/settings/index.vue b/packages/client/src/pages/settings/index.vue
index a3c7482719..0ff824bb4c 100644
--- a/packages/client/src/pages/settings/index.vue
+++ b/packages/client/src/pages/settings/index.vue
@@ -26,14 +26,14 @@
 							></MkSuperMenu>
 						</div>
 					</div>
-					<div
+					<section
 						v-if="!(narrow && currentPage?.route.name == null)"
 						class="main"
 					>
 						<div class="bkzroven">
 							<RouterView />
 						</div>
-					</div>
+					</section>
 				</div>
 			</div>
 		</MkSpacer>
diff --git a/packages/client/src/ui/_common_/navbar.vue b/packages/client/src/ui/_common_/navbar.vue
index 14e1f1cd17..4ff10845fb 100644
--- a/packages/client/src/ui/_common_/navbar.vue
+++ b/packages/client/src/ui/_common_/navbar.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="mvcprjjd" :class="{ iconOnly }">
+	<header class="mvcprjjd" :class="{ iconOnly }">
 		<div class="body">
 			<div class="top">
 				<div
@@ -22,7 +22,7 @@
 					/><!-- <MkAcct class="text" :user="$i"/> -->
 				</button>
 			</div>
-			<div class="middle">
+			<nav class="middle">
 				<MkA
 					v-click-anime
 					v-tooltip.noDelay.right="i18n.ts.timeline"
@@ -111,7 +111,7 @@
 					<i class="icon ph-gear-six ph-bold ph-fw ph-lg"></i
 					><span class="text">{{ i18n.ts.settings }}</span>
 				</MkA>
-			</div>
+			</nav>
 			<div class="bottom">
 				<button
 					v-tooltip.noDelay.right="i18n.ts.note"
@@ -137,7 +137,7 @@
 			</button> -->
 			</div>
 		</div>
-	</div>
+	</header>
 </template>
 
 <script lang="ts" setup>
diff --git a/packages/client/src/ui/universal.widgets.vue b/packages/client/src/ui/universal.widgets.vue
index 8144d3aae5..d86d41ed84 100644
--- a/packages/client/src/ui/universal.widgets.vue
+++ b/packages/client/src/ui/universal.widgets.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="efzpzdvf">
+	<aside class="efzpzdvf" :aria-label="i18n.ts._deck._columns.widgets">
 		<MkAd class="a" :prefer="['widget']" />
 		<XWidgets
 			:edit="editMode"
@@ -26,7 +26,7 @@
 		>
 			<i class="ph-pencil ph-bold ph-lg"></i> {{ i18n.ts.editWidgets }}
 		</button>
-	</div>
+	</aside>
 </template>
 
 <script lang="ts" setup>