From ee70b94f928241bbcd73fc5457bdf6aa42abed6d Mon Sep 17 00:00:00 2001
From: Yuriy Mayatnikov <mayatnikov@me.com>
Date: Sat, 27 Jun 2026 09:00:51 +0300
Subject: [PATCH] Wire dialogs to visible labels

---
 src/lib/components/ConfirmDialog.svelte | 6 ++++--
 src/lib/components/QuestionModal.svelte | 5 ++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/ConfirmDialog.svelte b/src/lib/components/ConfirmDialog.svelte
index e74b31b..8adbc0f 100644
--- a/src/lib/components/ConfirmDialog.svelte
+++ b/src/lib/components/ConfirmDialog.svelte
@@ -38,13 +38,15 @@
 		transition:fade={{ duration: 200 }}
 		role="alertdialog"
 		aria-modal="true"
+		aria-labelledby="confirm-dialog-title"
+		aria-describedby="confirm-dialog-message"
 	>
 		<div
 			class="w-full max-w-md rounded-3xl border border-white/10 bg-gradient-to-br from-night-700/95 to-night-900/95 p-7 text-center shadow-2xl shadow-night-950/60"
 			transition:scale={{ duration: 220, start: 0.92, opacity: 0.5 }}
 		>
-			<h2 class="text-xl font-bold text-white sm:text-2xl">{title}</h2>
-			<p class="mt-3 text-sm leading-relaxed text-night-50/70">{message}</p>
+			<h2 id="confirm-dialog-title" class="text-xl font-bold text-white sm:text-2xl">{title}</h2>
+			<p id="confirm-dialog-message" class="mt-3 text-sm leading-relaxed text-night-50/70">{message}</p>
 
 			<div class="mt-7 flex flex-col gap-3 sm:flex-row sm:justify-center">
 				<button
diff --git a/src/lib/components/QuestionModal.svelte b/src/lib/components/QuestionModal.svelte
index 7574a1a..11b3d56 100644
--- a/src/lib/components/QuestionModal.svelte
+++ b/src/lib/components/QuestionModal.svelte
@@ -40,7 +40,8 @@
 	class="fixed inset-0 z-50 flex items-center justify-center bg-night-950/80 p-4 backdrop-blur-md animate-fade-in"
 	role="dialog"
 	aria-modal="true"
-	aria-label="Вопрос викторины"
+	aria-labelledby="question-modal-title"
+	aria-describedby="question-modal-value"
 >
 	<div
 		class="relative w-full max-w-3xl overflow-hidden rounded-3xl border border-white/10 bg-gradient-to-br from-night-700/95 to-night-900/95 shadow-2xl shadow-night-950/60 animate-pop-in"
@@ -59,6 +60,7 @@
 					{category.title}
 				</span>
 				<span
+					id="question-modal-value"
 					class="inline-flex items-center rounded-full bg-gold-400/15 px-4 py-1.5 text-lg font-extrabold tabular-nums text-gold-300"
 					style="text-shadow: 0 0 14px rgba(251, 191, 36, 0.4)"
 				>
@@ -71,6 +73,7 @@
 
 			<!-- Сам вопрос -->
 			<p
+				id="question-modal-title"
 				class="mb-2 text-center text-2xl font-bold leading-snug text-white sm:text-4xl"
 				style="text-shadow: 0 0 20px rgba(255,255,255,0.08)"
 			>