#428

frontend/src/components/layout/SidebarComponent.tsx

@@ -4,6 +4,7 @@ import { Helmet } from 'react-helmet-async'
 import { clientAnimationTransition } from '@/lib/clientAnimation'
 import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { cn } from '@/lib/utils'
+import { useUITranslation } from '@/lib/useUITranslation'
 
 import type { CSSProperties, FC, MouseEvent, PointerEvent, ReactNode } from 'react'
 import { useCallback, useEffect, useRef, useState } from 'react'
@@ -70,6 +71,7 @@ const SidebarComponent: FC<Props> = ({
     sidebarKey,
     side = 'left',
 }) => {
+  const { message } = useUITranslation ('shared')
   const behaviourSettings = useClientBehaviourSettings ()
   const animationMode = behaviourSettings.animation ?? 'normal'
   const layoutTransition = clientAnimationTransition (
@@ -341,7 +343,8 @@ const SidebarComponent: FC<Props> = ({
 	<div
 	    role="separator"
 	    aria-orientation="vertical"
-	    aria-label="サイドバー幅"
+	    aria-label={message ('sidebarWidth').text}
+	    lang={message ('sidebarWidth').language}
 	    onPointerDown={handlePointerDown}
 	    onPointerMove={handlePointerMove}
 	    onPointerUp={handlePointerEnd}