mirror of
https://github.com/suitenumerique/docs.git
synced 2026-04-25 17:15:01 +02:00
fixup! fixup! ♿️(frontend) fix sidebar resize handle for screen readers
This commit is contained in:
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user