fix: Improve Accessibility in Endpoints Menu/Navigation (#5123)

* fix: prevent mobile nav toggle from being focusable when not in mobile view, add types to <NavToggle/>

* fix: appropriate endpoint menu item role, add up/down focus mgmt, ensure set api key is focusable and accessible

* fix: localize link titles and update text color for improved accessibility in Nav component
This commit is contained in:
Danny Avila 2024-12-28 12:58:12 -05:00 committed by GitHub
parent d6f1ecf75c
commit a423eb8c7b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 137 additions and 32 deletions

View file

@ -10,6 +10,14 @@ export default function NavToggle({
side = 'left',
className = '',
translateX = true,
}: {
onToggle: () => void;
navVisible: boolean;
isHovering: boolean;
setIsHovering: (isHovering: boolean) => void;
side?: 'left' | 'right';
className?: string;
translateX?: boolean;
}) {
const localize = useLocalize();
const transition = {