apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-30 11:26:24 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: add aria-labels for play/pause and mute/unmute buttons in Audio component for improved accessibility

Browse source
This commit is contained in:
JoeMakuta 2026-03-29 17:06:23 +02:00
parent 05030f6664
commit eb835c9098
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
surfsense_web/components/tool-ui/audio.tsx
View file

@ -223,6 +223,7 @@ export function Audio({ id, src, title, durationMs, className }: AudioProps) {
onClick={togglePlayPause} onClick={togglePlayPause}
disabled={isLoading} disabled={isLoading}
className="size-7 sm:size-8" className="size-7 sm:size-8"
aria-label={isPlaying ? "Pause" : "Play"}
> >
{isLoading ? ( {isLoading ? (
<div className="size-3 sm:size-4 animate-spin rounded-full border-2 border-current border-t-transparent" /> <div className="size-3 sm:size-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
@ -234,7 +235,7 @@ export function Audio({ id, src, title, durationMs, className }: AudioProps) {
</Button> </Button>
<div className="group/volume flex items-center gap-1 sm:gap-1.5"> <div className="group/volume flex items-center gap-1 sm:gap-1.5">
<Button variant="ghost" size="icon" onClick={toggleMute} className="size-7 sm:size-8"> <Button variant="ghost" size="icon" onClick={toggleMute} className="size-7 sm:size-8" aria-label={isMuted ? "Unmute" : "Mute"}>
{isMuted ? ( {isMuted ? (
<VolumeXIcon className="size-3.5 sm:size-4" /> <VolumeXIcon className="size-3.5 sm:size-4" />
) : ( ) : (