studio/meet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♿️(frontend) improve aria-label with accessible emoji description

Browse Source 
replace raw emoji with descriptive label to enhance screen reader support
This commit is contained in:
Cyril
2026-01-09 14:35:35 +01:00
committed by aleb_the_flash
parent a815d6c00d
commit 78ab3cdbdf
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/frontend/src/features/rooms/livekit/components/controls/ReactionsToggle.tsx
View File

@@ -10,6 +10,7 @@ import {
ANIMATION_DURATION, ANIMATION_DURATION,
ReactionPortals, ReactionPortals,
} from '@/features/rooms/livekit/components/ReactionPortal' } from '@/features/rooms/livekit/components/ReactionPortal'
import { getEmojiLabel } from '@/features/rooms/livekit/utils/reactionUtils'
import { Toolbar as RACToolbar } from 'react-aria-components' import { Toolbar as RACToolbar } from 'react-aria-components'
import { Participant } from 'livekit-client' import { Participant } from 'livekit-client'
import useRateLimiter from '@/hooks/useRateLimiter' import useRateLimiter from '@/hooks/useRateLimiter'
@@ -145,7 +146,7 @@ export const ReactionsToggle = () => {
<Button <Button
key={index} key={index}
onPress={() => debouncedSendReaction(emoji)} onPress={() => debouncedSendReaction(emoji)}
aria-label={t('send', { emoji })} aria-label={t('send', { emoji: getEmojiLabel(emoji, t) })}
variant="primaryTextDark" variant="primaryTextDark"
size="sm" size="sm"
square square