fix(a11y): fix remaining unlabeled icon buttons and portaled tooltip issue\n\nCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -61,7 +61,7 @@ function SidebarBtn<T extends string>({
|
|||||||
delay={500}
|
delay={500}
|
||||||
position="Left"
|
position="Left"
|
||||||
tooltip={
|
tooltip={
|
||||||
<Tooltip id={`SidebarStackItem-${id}-label`}>
|
<Tooltip>
|
||||||
<Text size="T300">{label}</Text>
|
<Text size="T300">{label}</Text>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
}
|
}
|
||||||
@@ -69,7 +69,7 @@ function SidebarBtn<T extends string>({
|
|||||||
{(ref) => (
|
{(ref) => (
|
||||||
<IconButton
|
<IconButton
|
||||||
aria-pressed={active}
|
aria-pressed={active}
|
||||||
aria-labelledby={`SidebarStackItem-${id}-label`}
|
aria-label={label}
|
||||||
ref={ref}
|
ref={ref}
|
||||||
onClick={() => onClick(id)}
|
onClick={() => onClick(id)}
|
||||||
size="400"
|
size="400"
|
||||||
|
|||||||
@@ -351,7 +351,9 @@ export function CallControls({ callEmbed }: CallControlsProps) {
|
|||||||
size="400"
|
size="400"
|
||||||
onClick={handleOpenMenu}
|
onClick={handleOpenMenu}
|
||||||
outlined
|
outlined
|
||||||
aria-pressed={!!cords}
|
aria-label="More options"
|
||||||
|
aria-expanded={!!cords}
|
||||||
|
aria-haspopup="menu"
|
||||||
>
|
>
|
||||||
<Icon size="400" src={Icons.VerticalDots} />
|
<Icon size="400" src={Icons.VerticalDots} />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
|
|||||||
@@ -451,7 +451,6 @@ export function Lobby() {
|
|||||||
radii="Pill"
|
radii="Pill"
|
||||||
outlined
|
outlined
|
||||||
size="300"
|
size="300"
|
||||||
aria-label="Scroll to Top"
|
|
||||||
>
|
>
|
||||||
<Icon src={Icons.ChevronTop} size="300" />
|
<Icon src={Icons.ChevronTop} size="300" />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
|
|||||||
@@ -244,7 +244,9 @@ export function LobbyHeader({ showProfile, powerLevels }: LobbyHeaderProps) {
|
|||||||
fill="None"
|
fill="None"
|
||||||
onClick={handleOpenMenu}
|
onClick={handleOpenMenu}
|
||||||
ref={triggerRef}
|
ref={triggerRef}
|
||||||
aria-pressed={!!menuAnchor}
|
aria-label="More options"
|
||||||
|
aria-expanded={!!menuAnchor}
|
||||||
|
aria-haspopup="menu"
|
||||||
>
|
>
|
||||||
<Icon size="400" src={Icons.VerticalDots} filled={!!menuAnchor} />
|
<Icon size="400" src={Icons.VerticalDots} filled={!!menuAnchor} />
|
||||||
</IconButton>
|
</IconButton>
|
||||||
|
|||||||
Reference in New Issue
Block a user