From 195e305c02726a746341c0f0064b5321231bb390 Mon Sep 17 00:00:00 2001 From: marcin2121 <13873718+marcin2121@users.noreply.github.com> Date: Tue, 31 Mar 2026 22:16:42 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Improve=20AuthModal?= =?UTF-8?q?=20accessibility?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add missing `aria-label` attributes to email, password, name, and phone inputs. - Fix custom checkbox keyboard accessibility by making the input `sr-only peer` instead of `hidden`. - Add `peer-focus-visible` classes to visually indicate focus on custom checkboxes during keyboard navigation. Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com> --- components/ui/AuthModal.tsx | 20 +- pnpm-lock.yaml | 11335 ++++++++++++++++++++++++++++++++++ 2 files changed, 11345 insertions(+), 10 deletions(-) create mode 100644 pnpm-lock.yaml diff --git a/components/ui/AuthModal.tsx b/components/ui/AuthModal.tsx index 922c8f7..ccb60fe 100644 --- a/components/ui/AuthModal.tsx +++ b/components/ui/AuthModal.tsx @@ -144,11 +144,11 @@ export default function AuthModal({ isOpen, onClose, initialView = 'login' }: Au
- setName(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" /> + setName(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" />
- setPhone(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" /> + setPhone(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" />
)} @@ -156,13 +156,13 @@ export default function AuthModal({ isOpen, onClose, initialView = 'login' }: Au {/* POLA WYMAGANE (EMAIL I HASŁO) */}
- setEmail(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" /> + setEmail(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" />
{view !== 'forgot' && (
- setPassword(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" /> + setPassword(e.target.value)} className="w-full bg-zinc-50 border border-zinc-200 rounded-2xl py-3 pl-12 pr-4 text-sm font-bold text-zinc-800 focus:outline-none focus:border-[#0055ff] transition-all" />
)} @@ -178,22 +178,22 @@ export default function AuthModal({ isOpen, onClose, initialView = 'login' }: Au {view === 'register' && (
{/* Zgoda obowiązkowa */} -