From 3ddb075c6be0a44b5c5438b3f2b35ae5dbd47cc6 Mon Sep 17 00:00:00 2001 From: lebaudantoine Date: Thu, 13 Nov 2025 21:59:51 +0100 Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F(frontend)=20enhance=20vocali?= =?UTF-8?q?zation=20of=20blur=20options?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Hide non-essential icons and refine the labels to emphasize that one option applies a stronger blur than the other. This should provide clearer cues for screen reader users. --- src/frontend/src/components/icons/BlurOn.tsx | 1 + .../src/components/icons/BlurOnStrong.tsx | 1 + .../components/effects/EffectsConfiguration.tsx | 16 ++++++---------- src/frontend/src/locales/de/rooms.json | 12 ++++++++---- src/frontend/src/locales/en/rooms.json | 12 ++++++++---- src/frontend/src/locales/fr/rooms.json | 12 ++++++++---- src/frontend/src/locales/nl/rooms.json | 12 ++++++++---- 7 files changed, 40 insertions(+), 26 deletions(-) diff --git a/src/frontend/src/components/icons/BlurOn.tsx b/src/frontend/src/components/icons/BlurOn.tsx index c4bd4ec0..fd4522d6 100644 --- a/src/frontend/src/components/icons/BlurOn.tsx +++ b/src/frontend/src/components/icons/BlurOn.tsx @@ -6,6 +6,7 @@ export const BlurOn = () => { viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" + aria-hidden="true" > { viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" + aria-hidden="true" > { - return t(`${type}.${isSelected(type, options) ? 'clear' : 'apply'}`) + const tooltipBlur = (type: ProcessorType, options: BackgroundOptions) => { + return t( + `${type}.${options.blurRadius == BlurRadius.LIGHT ? 'light' : 'normal'}.${isSelected(type, options) ? 'clear' : 'apply'}` + ) } const tooltipVirtualBackground = (index: number): string => { @@ -276,10 +278,7 @@ export const EffectsConfiguration = ({ >