From f810320e4c0f0755801a205be8d2fa4ba0ae5110 Mon Sep 17 00:00:00 2001 From: She-ge Date: Mon, 29 Jun 2026 23:49:50 +0100 Subject: [PATCH 1/3] feat: build accessible dropdown select component (#790) --- soroscan-frontend/components/ui/dropdown.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/soroscan-frontend/components/ui/dropdown.tsx b/soroscan-frontend/components/ui/dropdown.tsx index af5488a7..0015733d 100644 --- a/soroscan-frontend/components/ui/dropdown.tsx +++ b/soroscan-frontend/components/ui/dropdown.tsx @@ -16,6 +16,8 @@ export interface DropdownProps value?: string onChange: (value: string) => void placeholder?: string + /** Accessible label forwarded to the listbox — used by screen readers when no visible label is present */ + listboxLabel?: string } function getNextEnabledIndex( @@ -47,6 +49,7 @@ const Dropdown = React.forwardRef( onChange, placeholder = "Select an option", disabled = false, + listboxLabel, ...props }, ref @@ -245,6 +248,7 @@ const Dropdown = React.forwardRef(