import : 
import Accessibility from '@/component/ui/accessibility';
import "@/assets/scss/components/accessibility.scss";

component : Call Accessibility in layout.tsx
<Accessibility/>

config src/component/ui/accessibility.tsx : setting
//line || default in html lang="xx"
18       const t = {
19            // Translations  (keeping only 'en' for brevity, assuming 'th' is default in template )
20             en: {
21                   "Accessibility Menu": "Accessibility Menu",
22                   "Reset settings": "Reset settings",
23                   Close: "Close",
24                   "Content Adjustments": "Content Adjustments",
25                   "Adjust Font Size": "Adjust Font Size",
26                   Default: "Default",
27                   "Highlight Title": "Highlight Title",
28                   "Highlight Links": "Highlight Links",
29                   "Readable Font": "Readable Font",
30                   "Color Adjustments": "Color Adjustments",
31                   "Dark Contrast": "Dark Contrast",
32                   "Yellow Contrast": "Yellow Contrast",
33                   "Light Contrast": "Light Contrast",
34                   "High Contrast": "High Contrast",
35                   "High Saturation": "High Saturation",
36                   "Low Saturation": "Low Saturation",
37                   Monochrome: "Monochrome",
38                   Tools: "Tools",
39                   "Reading Guide": "Reading Guide",
40                   "Stop Animations": "Stop Animations",
41                   "Big Cursor": "Big Cursor",
42                   "Increase Font Size": "Increase Font Size",
43                   "Decrease Font Size": "Decrease Font Size",
44                   "Letter Spacing": "Letter Spacing",
45                   "Line Height": "Line Height",
46                   "Font Weight": "Font Weight"
47             },
48             th: {
49                   "Accessibility Menu": "เมนูสำหรับผู้พิการ",
50                   "Reset settings": "รีเซ็ตการตั้งค่า",
51                   Close: "ปิด",
52                   "Content Adjustments": "การปรับแต่งเนื้อหา",
53                   "Adjust Font Size": "ปรับขนาดตัวอักษร",
54                   Default: "ปกติ",
55                   "Highlight Title": "เน้นชื่อเรื่อง",
56                   "Highlight Links": "เน้นลิงค์",
57                   "Readable Font": "ดีสเล็กซี่ฟ้อนท์",
58                   "Color Adjustments": "การปรับแต่งสี",
59                   "Dark Contrast": "มืด",
60                   "Yellow Contrast": "เหลือง",
61                   "Light Contrast": "สว่าง",
62                   "High Contrast": "ความคมชัดสูง",
63                   "High Saturation": "ความอิ่มตัวสูง",
60                   "Low Saturation": "ความอิ่มตัวต่ำ",
60                   Monochrome: "ขาว-ดำ",
60                   Tools: "เครื่องมือ",
60                   "Reading Guide": "ช่วยการอ่าน",
60                   "Stop Animations": "หยุดภาพเคลื่อนไหว",
60                   "Big Cursor": "เคอร์เซอร์ใหญ่",
70                   "Increase Font Size": "เพิ่มขนาดตัวอักษร",
70                   "Decrease Font Size": "ลดขนาดตัวอักษร",
70                   "Letter Spacing": "ขยายระยะห่างตัวอักษร",
70                   "Line Height": "เพิ่มความสูงบรรทัด",
70                   "Font Weight": "เพิ่มความหนาตัวอักษร"
70             },
76       };
265       <div class="asw-footer">
266             <div class="brand">
267                   <img src="img/static/logo.png" alt="Next.js Template" width="40" height="30">
268                   <p>Next.js Template</p>
269             </div>
270       </div>