diff --git a/apps/web/src/components/layout/Sidebar.tsx b/apps/web/src/components/layout/Sidebar.tsx index 4c0353db8..a2a1223f7 100644 --- a/apps/web/src/components/layout/Sidebar.tsx +++ b/apps/web/src/components/layout/Sidebar.tsx @@ -161,6 +161,7 @@ export const Sidebar: React.FC = ({ currentView }) => { variant="ghost" size="icon" onClick={() => setSidebarOpen(!sidebarOpen)} + aria-label={sidebarOpen ? 'Collapse sidebar' : 'Expand sidebar'} className={cn( 'ml-auto text-muted-foreground hover:text-foreground hidden lg:flex hover:bg-sidebar-accent', !sidebarOpen && 'absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2' diff --git a/apps/web/src/components/modals/CreatorModal.tsx b/apps/web/src/components/modals/CreatorModal.tsx index eb219312a..30ba20ee9 100644 --- a/apps/web/src/components/modals/CreatorModal.tsx +++ b/apps/web/src/components/modals/CreatorModal.tsx @@ -63,7 +63,7 @@ export const CreatorModal: React.FC = ({ - diff --git a/apps/web/src/components/ui/dropdown.tsx b/apps/web/src/components/ui/dropdown.tsx index 188014717..eb085321a 100644 --- a/apps/web/src/components/ui/dropdown.tsx +++ b/apps/web/src/components/ui/dropdown.tsx @@ -164,7 +164,7 @@ export function Dropdown({ type="button" ref={triggerRef as unknown as React.RefObject} onClick={() => handleOpenChange(!open)} - aria-haspopup="true" + aria-haspopup="menu" aria-expanded={open} onKeyDown={(e) => { if (e.key === 'ArrowDown') { diff --git a/apps/web/src/features/player/components/player-bar/PlayerBarRight.tsx b/apps/web/src/features/player/components/player-bar/PlayerBarRight.tsx index bcdd83207..e0a7b43cb 100644 --- a/apps/web/src/features/player/components/player-bar/PlayerBarRight.tsx +++ b/apps/web/src/features/player/components/player-bar/PlayerBarRight.tsx @@ -52,6 +52,7 @@ export function PlayerBarRight({ size="icon" className={cn(btnClass, 'text-muted-foreground hover:text-foreground')} onClick={onToggleMute} + aria-label={muted || volume === 0 ? 'Unmute' : 'Mute'} > {muted || volume === 0 ? : } @@ -88,6 +89,7 @@ export function PlayerBarRight({ showQueue ? 'text-primary bg-primary/10' : 'text-muted-foreground hover:text-foreground', )} onClick={onToggleQueue} + aria-label={showQueue ? 'Hide queue' : 'Show queue'} > @@ -95,6 +97,7 @@ export function PlayerBarRight({ variant="ghost" size="icon" className={cn('hidden sm:flex', btnClass, 'text-muted-foreground hover:text-[var(--chart-2)] hover:bg-[var(--chart-2)]/10')} + aria-label="Like" > diff --git a/apps/web/src/features/tracks/components/comment-thread/CommentThreadHeader.tsx b/apps/web/src/features/tracks/components/comment-thread/CommentThreadHeader.tsx index 2fae23d94..91fa8c4a2 100644 --- a/apps/web/src/features/tracks/components/comment-thread/CommentThreadHeader.tsx +++ b/apps/web/src/features/tracks/components/comment-thread/CommentThreadHeader.tsx @@ -58,6 +58,7 @@ export function CommentThreadHeader({ variant="ghost" size="icon" className="h-6 w-6 rounded-md transition-colors duration-[var(--sumi-duration-normal)] hover:text-foreground hover:bg-muted/50" + aria-label="More options" >