LotusGuild/cinny
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(a11y): label remaining unlabeled icon buttons across 12 components\n\nCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Browse Source
This commit is contained in:
Lotus Bot
2026-05-21 13:17:07 -04:00
parent 2909aebb1f
commit 9843e8bdf1
12 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/features/room/RoomViewHeader.tsx
+3 -1
View File
@@ -638,7 +638,9 @@ export function RoomViewHeader({ callView }: { callView?: boolean }) {
fill="None"
onClick={handleOpenMenu}
ref={triggerRef}
aria-pressed={!!menuAnchor}
aria-label="More options"
aria-expanded={!!menuAnchor}
aria-haspopup="menu"
>
<Icon size="400" src={Icons.VerticalDots} filled={!!menuAnchor} />
</IconButton>
src/app/features/room/RoomViewTyping.tsx
+1 -1
View File
@@ -117,7 +117,7 @@ export const RoomViewTyping = as<'div', RoomViewTypingProps>(
</>
)}
</Text>
<IconButton title="Drop Typing Status" size="300" radii="Pill" onClick={handleDropAll}>
<IconButton title="Drop Typing Status" aria-label="Drop typing status" size="300" radii="Pill" onClick={handleDropAll}>
<Icon size="50" src={Icons.Cross} />
</IconButton>
</Box>
src/app/features/room/message/Message.tsx
+6 -4
View File
@@ -496,7 +496,7 @@ export const MessageDeleteItem = as<
<Box grow="Yes">
<Text size="H4">Delete Message</Text>
</Box>
<IconButton size="300" onClick={handleClose} radii="300">
<IconButton size="300" onClick={handleClose} radii="300" aria-label="Close">
<Icon src={Icons.Cross} />
</IconButton>
</Header>
@@ -626,7 +626,7 @@ export const MessageReportItem = as<
<Box grow="Yes">
<Text size="H4">Report Message</Text>
</Box>
<IconButton size="300" onClick={handleClose} radii="300">
<IconButton size="300" onClick={handleClose} radii="300" aria-label="Close">
<Icon src={Icons.Cross} />
</IconButton>
</Header>
@@ -1207,8 +1207,9 @@ export const Message = React.memo(as<'div', MessageProps>(
size="300"
radii="300"
onClick={handleOpenMenu}
aria-label="More options"
aria-expanded={!!menuAnchor}
aria-haspopup="menu"
aria-haspopup="menu"
>
<Icon src={Icons.VerticalDots} size="100" />
</IconButton>
@@ -1377,8 +1378,9 @@ export const Event = React.memo(as<'div', EventProps>(
size="300"
radii="300"
onClick={handleOpenMenu}
aria-label="More options"
aria-expanded={!!menuAnchor}
aria-haspopup="menu"
aria-haspopup="menu"
>
<Icon src={Icons.VerticalDots} size="100" />
</IconButton>
src/app/features/room/message/MessageEditor.tsx
+5 -1
View File
@@ -293,6 +293,8 @@ export const MessageEditor = as<'div', MessageEditorProps>(
size="300"
radii="300"
onClick={() => setToolbar(!toolbar)}
aria-label={toolbar ? 'Hide formatting toolbar' : 'Show formatting toolbar'}
aria-pressed={toolbar}
>
<Icon size="400" src={toolbar ? Icons.AlphabetUnderline : Icons.Alphabet} />
</IconButton>
@@ -322,7 +324,9 @@ export const MessageEditor = as<'div', MessageEditorProps>(
}
>
<IconButton
aria-pressed={anchor !== undefined}
aria-label="Insert emoji"
aria-expanded={anchor !== undefined}
aria-haspopup="dialog"
onClick={
((evt) =>
setAnchor(