fix: enable svelte a11y linting and fix violations

2026-07-11 12:41:10 +01:00
parent d412dc3cc4
commit d172adf392
11 changed files with 57 additions and 6 deletions
@@ -1075,6 +1075,7 @@
 						<!-- Tabs -->
 						<div class="flex gap-6 border-b border-gray-200">
 							<button
+								type="button"
 								class="pb-2 text-sm font-medium transition-colors {userType === 'member'
 									? 'border-b-2 border-primary text-primary'
 									: 'text-gray-500 hover:text-gray-700'}"
@@ -1086,6 +1087,7 @@
 								Member
 							</button>
 							<button
+								type="button"
 								class="pb-2 text-sm font-medium transition-colors {userType === 'guest'
 									? 'border-b-2 border-primary text-primary'
 									: 'text-gray-500 hover:text-gray-700'}"
@@ -1302,6 +1304,7 @@
 									<div class="space-y-2">
 										{#each customServices as cs (cs.id)}
 											<button
+												type="button"
 												class="flex w-full items-center justify-between rounded-lg border px-3 py-2 text-sm hover:bg-gray-50"
 												onclick={() => {
 													if (!selectedServices.some((s) => s.id === cs.id)) {
@@ -528,6 +528,7 @@
 								<div class="flex items-center justify-between text-sm">
 									<span>Week starting: {week}</span>
 									<button
+										type="button"
 										class="text-xs text-red-500 hover:text-red-700"
 										onclick={() => removeWeek(index)}
 									>
@@ -653,6 +653,7 @@
 						<!-- Tabs -->
 						<div class="flex gap-6 border-b border-gray-200">
 							<button
+								type="button"
 								class="pb-2 text-sm font-medium transition-colors {userType === 'member'
 									? 'border-b-2 border-primary text-primary'
 									: 'text-gray-500 hover:text-gray-700'}"
@@ -664,6 +665,7 @@
 								Member
 							</button>
 							<button
+								type="button"
 								class="pb-2 text-sm font-medium transition-colors {userType === 'guest'
 									? 'border-b-2 border-primary text-primary'
 									: 'text-gray-500 hover:text-gray-700'}"
@@ -877,6 +879,7 @@
 									<div class="space-y-2">
 										{#each customServices as cs (cs.id)}
 											<button
+												type="button"
 												class="flex w-full items-center justify-between rounded-lg border px-3 py-2 text-sm hover:bg-gray-50"
 												onclick={() => {
 													if (!selectedServices.some((s) => s.id === cs.id)) {
@@ -103,7 +103,7 @@
 				<a
 					href={`https://instagram.com/${instagram}`}
 					target="_blank"
-					rel="noopener"
+					rel="noopener noreferrer"
 					class="text-primary hover:underline">@{instagram}</a
 				>
 			</div>
@@ -101,7 +101,7 @@
 				<a
 					href="https://instagram.com"
 					target="_blank"
-					rel="noopener"
+					rel="noopener noreferrer"
 					class="text-gray-600 hover:text-primary"
 					aria-label="Instagram"
 				>
@@ -180,6 +180,7 @@
 			<!-- Mobile: Burger -->
 			<div class="flex items-center md:hidden">
 				<button
+					type="button"
 					onclick={toggleMenu}
 					class="relative h-6 w-6 focus:outline-none"
 					aria-label="Toggle menu"