fix(a11y): add aria-label to exit-formatting and pin-menu buttons (P3-4)
Two icon-adjacent buttons were missing descriptive labels: the "Exit formatting" key-symbol button in Toolbar.tsx and the "Pinned messages" pin icon in RoomViewHeader.tsx. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -252,6 +252,7 @@ export function ExitFormatting({ tooltip }: ExitFormattingProps) {
|
|||||||
onClick={handleClick}
|
onClick={handleClick}
|
||||||
size="400"
|
size="400"
|
||||||
radii="300"
|
radii="300"
|
||||||
|
aria-label="Exit formatting"
|
||||||
>
|
>
|
||||||
<Text size="B400">{`Exit ${KeySymbol.Hyper}`}</Text>
|
<Text size="B400">{`Exit ${KeySymbol.Hyper}`}</Text>
|
||||||
</IconButton>
|
</IconButton>
|
||||||
|
|||||||
@@ -652,6 +652,7 @@ export function RoomViewHeader({ callView }: { callView?: boolean }) {
|
|||||||
style={{ position: 'relative' }}
|
style={{ position: 'relative' }}
|
||||||
onClick={handleOpenPinMenu}
|
onClick={handleOpenPinMenu}
|
||||||
ref={triggerRef}
|
ref={triggerRef}
|
||||||
|
aria-label="Pinned messages"
|
||||||
aria-pressed={!!pinMenuAnchor}
|
aria-pressed={!!pinMenuAnchor}
|
||||||
>
|
>
|
||||||
{pinnedEvents.length > 0 && (
|
{pinnedEvents.length > 0 && (
|
||||||
|
|||||||
Reference in New Issue
Block a user