Accessibility: Refactor the HTMLSelect element for package filters

Open RRosio opened this issue 3 weeks ago • 0 comments

The HTMLSelect element with custom inline styles to make it invisible (opacity: 0, positioned absolutely) while showing a FontAwesome icon underneath creates a fragile accessibility pattern. Screen readers and keyboard navigation might not work as expected because the actual interactive element (select) is invisible while the visual indicator (icon) is non-interactive.

Consider using a more robust pattern like wrapping both in a clickable container with proper ARIA labels, or using a custom dropdown component that maintains accessibility.

Originally posted by @Copilot in https://github.com/mamba-org/gator/pull/328#discussion_r2612655738

Dec 12 '25 02:12 RRosio