commit ea9c4dac9ad8768e809110133ccfc9223edbfed4 parent 91b3a694177b82c22e728837f2be6b23ed8461df Author: MTRNord <mtrnord1@gmail.com> Date: Wed, 10 May 2023 16:09:02 +0200 remove crossorigin from preload and add aria-label to audiofile play button Diffstat:
| M | index.html | | | 9 | ++++----- |
| M | src/components/events/helpers/Waveform.tsx | | | 2 | +- |
2 files changed, 5 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html @@ -4,11 +4,10 @@ <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="preload" href="/font-files/OpenMoji-color-colr1_svg.woff2" as="font" type="font/woff2" - crossOrigin="anonymous"> - <link rel="preload" href="/font-files/Inter.var.woff2" as="font" type="font/woff2" crossOrigin="anonymous"> - <link rel="preload" href="/font-files/Inter-roman.var.woff2" as="font" type="font/woff2" crossOrigin="anonymous"> - <link rel="preload" href="/font-files/Inter-italic.var.woff2" as="font" type="font/woff2" crossOrigin="anonymous"> + <link rel="preload" href="/font-files/OpenMoji-color-colr1_svg.woff2" as="font" type="font/woff2"> + <link rel="preload" href="/font-files/Inter.var.woff2" as="font" type="font/woff2"> + <link rel="preload" href="/font-files/Inter-roman.var.woff2" as="font" type="font/woff2"> + <link rel="preload" href="/font-files/Inter-italic.var.woff2" as="font" type="font/woff2"> <meta name="description" content="A Matrix Client" /> <title>Matrix</title> </head> diff --git a/src/components/events/helpers/Waveform.tsx b/src/components/events/helpers/Waveform.tsx @@ -68,7 +68,7 @@ const Waveform: FC<WaveformProps> = memo(({ src_url }) => { return ( <div className="flex w-[min-content] flex-row h-full items-start justify-start gap-3 bg-slate-200 rounded border-2 border-slate-500 p-1"> - <button className="text-center flex justify-center items-center w-12 h-12 min-w-12 min-h-12 rounded-full outline-none cursor-pointer pb-1 bg-orange-500 border-orange-600 border hover:bg-orange-600 group" onClick={handlePlay}> + <button aria-label={!playing ? "Play" : "Pause"} className="text-center flex justify-center items-center w-12 h-12 min-w-12 min-h-12 rounded-full outline-none cursor-pointer pb-1 bg-orange-500 border-orange-600 border hover:bg-orange-600 group" onClick={handlePlay}> {!playing ? <Play viewBox="0 0 21 24" className="stroke-slate-50 group-hover:stroke-slate-100" /> : <Pause size={24} className="stroke-slate-700 group-hover:stroke-slate-600" />} </button> <div className="flex flex-col w-96 gap-2 justify-between">