From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <zxce3@gnuweeb.org>
X-Spam-Checker-Version: SpamAssassin 3.4.6 (2021-04-09) on gnuweeb.org
X-Spam-Level: 
X-Spam-Status: No, score=-1.2 required=5.0 tests=ALL_TRUSTED,DKIM_SIGNED,
	DKIM_VALID,DKIM_VALID_AU,DKIM_VALID_EF,URIBL_BLOCKED autolearn=ham
	autolearn_force=no version=3.4.6
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/simple; d=gnuweeb.org;
	s=default; t=1681905537;
	bh=GEWG4/wROSeM2sg4hb5IRrpMsFqeLqpdrR0imkJwVBY=;
	h=From:To:Cc:Subject:Date:In-Reply-To:References;
	b=TcTucx9KqtAMJSNp9J068dJ8tZv+zjdfcE5QClwncwHBP6kIYi7Sk1x9//ZaLw+2m
	 Tkm3M2hORW5ZvzyPCzWgsrV1ufy1iYYJM9AXFflZnDyk8zWOVLVqYmfidfIt4cN6e+
	 PR7MarqaoRR0p4IGzKgiq9MVt5vVFTbUGgs6v7q3F7h573sg4tbt8EKbhsFZU3N6cd
	 JnMo0kCOlR4lT10MsRCedTzilpBgAoSzqR9Jj7UHBrjF/ElAAb+nCjbdVD2nfMhCW+
	 fByxIs9Lz6UkuyFHQrryoJWLtY4oUmTks4uBy7NANX5A4hfYAYP0dH6B8VLe6q1i/j
	 J8juH2sF9VChQ==
Received: from localhost.localdomain (unknown [182.1.40.187])
	by gnuweeb.org (Postfix) with ESMTPSA id 8AC6524565D;
	Wed, 19 Apr 2023 18:58:55 +0700 (WIB)
From: Memet Zx <zxce3@gnuweeb.org>
To: Ammar Faizi <ammarfaizi2@gnuweeb.org>
Cc: Memet Zx <zxce3@gnuweeb.org>,
	GNU/Weeb Mailing List <gwml@vger.gnuweeb.org>,
	Memet Zx <memetpea25@gmail.com>
Subject: [PATCH gwspamd 2/2] gwspamd: web: Improving accessibility in select image section
Date: Wed, 19 Apr 2023 18:58:46 +0700
Message-Id: <20230419115847.200383-2-zxce3@gnuweeb.org>
X-Mailer: git-send-email 2.34.1
In-Reply-To: <20230419115847.200383-1-zxce3@gnuweeb.org>
References: <20230419115847.200383-1-zxce3@gnuweeb.org>
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
List-Id: <gwml.vger.gnuweeb.org>

Replacing the plain input file element with a custom-file wrapper
element that includes a label for better accessibility.
The label text is "Choose images".

Signed-off-by: Memet Zx <zxce3@gnuweeb.org>
---
 web/views/components/modal.php | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/views/components/modal.php b/web/views/components/modal.php
index 08e86b9..40fa470 100644
--- a/web/views/components/modal.php
+++ b/web/views/components/modal.php
@@ -24,7 +24,10 @@
             <h5 class="modal-title">Update Images</h5>
             <canvas style="touch-action: none; cursor: move;" id="photo_canvas"></canvas>
             <input type="range" min="1" max="5" value="1" step="0.01" id="photo_range" style="display: none;" />
-            <input type="file" id="photo" name="photo" accept=".jpg,.png,.gif,.jpeg" />
+            <div class="custom-file">
+                <input type="file" id="photo" name="photo" accept=".jpg,.png,.gif,.jpeg">
+                <label for="photo">Choose images</label>
+            </div>
             <div class="text-right mt-20">
                 <button type="button" onclick="apply_photo();" data-dismiss="modal" class="btn">Apply photo</button>
                 <button class="btn" data-dismiss="modal">Close</button>
-- 
Memet Zx