From 90888db48c0f620fb9ac223a31257416a1dd87d9 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Mon, 25 May 2026 23:53:42 +0300
Subject: [PATCH] fix(a11y): associate Support ticket form labels with their
 inputs

Add htmlFor/id pairs for the create-ticket subject and message fields so screen
readers announce the label and clicking the label focuses the control (WCAG 1.3.1).
---
 src/pages/Support.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/Support.tsx b/src/pages/Support.tsx
index 495e12e..90e5cd6 100644
--- a/src/pages/Support.tsx
+++ b/src/pages/Support.tsx
@@ -511,8 +511,11 @@ export default function Support() {
                 className="space-y-4"
               >
                 <div>
-                  <label className="label">{t('support.subject')}</label>
+                  <label htmlFor="support-subject" className="label">
+                    {t('support.subject')}
+                  </label>
                   <input
+                    id="support-subject"
                     type="text"
                     className="input"
                     placeholder={t('support.subjectPlaceholder')}
@@ -524,8 +527,11 @@ export default function Support() {
                   />
                 </div>
                 <div>
-                  <label className="label">{t('support.message')}</label>
+                  <label htmlFor="support-message" className="label">
+                    {t('support.message')}
+                  </label>
                   <textarea
+                    id="support-message"
                     className="input min-h-[150px]"
                     placeholder={t('support.messagePlaceholder')}
                     value={newMessage}