diff --git a/src/frontend/apps/impress/src/features/left-panel/components/ResizableLeftPanel.tsx b/src/frontend/apps/impress/src/features/left-panel/components/ResizableLeftPanel.tsx index ebbf7ef7d..e81c17119 100644 --- a/src/frontend/apps/impress/src/features/left-panel/components/ResizableLeftPanel.tsx +++ b/src/frontend/apps/impress/src/features/left-panel/components/ResizableLeftPanel.tsx @@ -175,15 +175,20 @@ export const ResizableLeftPanel = ({ aria-valuemin={Math.round(minPanelSizePercent)} aria-valuemax={Math.round(maxPanelSizePercent)} aria-valuenow={Math.round(panelSizePercent)} - aria-valuetext={t(`Sidebar width: {{label}}`, { - label: t( - getSidebarWidthLabel( - panelSizePercent, - minPanelSizePercent, - maxPanelSizePercent, - ), - ), - })} + aria-valuetext={(() => { + const label = getSidebarWidthLabel( + panelSizePercent, + minPanelSizePercent, + maxPanelSizePercent, + ); + if (label === 'narrow') { + return t('Sidebar width: narrow'); + } + if (label === 'medium') { + return t('Sidebar width: medium'); + } + return t('Sidebar width: wide'); + })()} style={{ borderRightWidth: '1px', borderRightStyle: 'solid',