basic semantics

public/js/components/Dashboard/Item.js

@@ -213,7 +213,7 @@ export default {
 						<i class="fa-solid fa-grip-vertical" aria-hidden="true"></i>
 					</span>
 				</Transition>
-				<span class="col mx-2 px-2">{{ widgetTemplate.setup.name }}</span>
+				<h5 class="col mx-2 px-2">{{ widgetTemplate.setup.name }}</h5>
 				<div
 					v-if="source"
 					v-tooltip="{ class: 'w-100', value: sourceInfoTooltip }"

public/js/components/Dashboard/Section.js

@@ -211,12 +211,12 @@ export default {
 		});
 	},
 	template: /* html */`
-	<div
+	<section
 		class="dashboard-section position-relative pb-3 mb-3 border-bottom"
 		ref="container"
 		:class="{ 'edit-active': editModeIsActive }"
 	>
-		<h4 v-if="adminMode" class=" mb-2">
+		<h4 v-if="adminMode" class="mb-2">
 			<i v-tooltip="showSectionInformation" class="fa-solid fa-circle-info section-info"></i>
 			{{ sectionNameTranslation }}:
 		</h4>
@@ -267,7 +267,7 @@ export default {
 				></dashboard-item>
 			</template>
 		</drop-grid>
-	</div>`
+	</section>`
 }
 
 /*