From 22ef2aa626da9f49cab6002a6ae7245ac91b6fb0 Mon Sep 17 00:00:00 2001
From: SaharPak <sahar.pakseresht@gmail.com>
Date: Sun, 31 May 2026 10:02:18 +0000
Subject: [PATCH] chore: label comment textarea for accessibility

Co-authored-by: Sahar <SaharPak@users.noreply.github.com>
---
 src/components/comment-section.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/comment-section.tsx b/src/components/comment-section.tsx
index 5d30d8b..ca0a658 100644
--- a/src/components/comment-section.tsx
+++ b/src/components/comment-section.tsx
@@ -119,7 +119,11 @@ export function CommentSection({ productId, mockComments }: Props) {
       </div>
 
       <form onSubmit={handleSubmit} className="mt-6">
+        <label htmlFor="comment-body" className="sr-only">
+          Add a comment
+        </label>
         <textarea
+          id="comment-body"
           value={body}
           onChange={(e) => setBody(e.target.value)}
           placeholder="Share your thoughts..."