S8 — ปรับปรุงเว็บไซต์กรมคุ้มครองสิทธิและเสรีภาพ (RLPD Website)¶

ตารางภาพรวมระบบ¶

คุณลักษณะ	ค่า
อ้างอิง TOR	7.18
หน่วยงาน	IT (ศูนย์เทคโนโลยีสารสนเทศ)
ประเภทระบบ	ปรับปรุง
ระดับความพยายาม	🟢 Quick Win
Stack เทคโนโลยี	C# .NET, IIS, CMS
ที่เก็บซอร์สโค้ด	`rlpd_web`
URL ที่ใช้งานจริง	https://rl.pd.go.th
ผู้รับเหมาที่ใช้ร่วม	เดียวกับ S7
APP Server IP	10.136.27.57
DB Server IP	10.136.27.226

สถานะปัจจุบัน¶

เว็บไซต์ ใช้งานได้และทำงานในสภาพแวดล้อมการใช้งานจริง
มี CMS สำหรับการจัดการเนื้อหากับการโพสต์ข่าวและอัปเดตบ่อยครั้ง
ปรับใช้บน IIS ด้วย C# .NET backend
ดีไซน์ปัจจุบันใช้เลย์เอาต์แบบเลื่อนแนวนอน
ใช้ฟังก์ชัน CMS อย่างแข็งขันโดยผู้มีส่วนได้ส่วนเสียสำหรับการอัปเดตเนื้อหา
มีช่องว่างการเข้าถึงอยู่ (ต้องการ WCAG compliance)

ข้อมูล Server¶

APP Server: rlpd.go.th (10.136.27.57), port 80/443
DB Server: rlpd.go.th (10.136.27.226), port 80/443
Credentials: อ้างอิง credential_rlpd_mfec.txt

ข้อกำหนดตาม TOR¶

ตาม TOR 7.18 — การสร้างเว็บไซต์ใหม่และการเข้าถึงอย่างปลอดภัย:

ทันสมัยเลย์เอาต์: แปลงจากเลื่อนแนวนอนเป็นเลื่อนแนวตั้ง
การจัดการ Navbar แบบไดนามิก: อินเทอร์เฟซผู้ดูแลเพื่อเพิ่ม/ลบ/เปลี่ยนชื่อรายการเมนู แก้ไขชื่อเรื่องและลิงก์
WCAG 2.2 AA Compliance: ต้องมีศูนย์ข้อผิดพลาดการเข้าถึง (TOR 7.18.2) — นี่คือข้อกำหนดที่ยากลำบาก
รองรับหลายแม่แบบ: อย่างน้อย 2 ธีม (เช่น ตัวเลือกธีมสว่าง/มืด)

ปัญหาที่พบ¶

รูปแบบดีไซน์ปัจจุบัน: เลย์เอาต์แนวนอนล้าสมัยและเป็นมิตรต่อมือถือน้อยกว่า
ช่องว่างการเข้าถึง: ไม่ใช่ WCAG 2.2 AA compliant ในปัจจุบัน
ความเสี่ยงของผู้มีส่วนได้ส่วนเสีย: ต้องรักษาฟังก์ชัน CMS — การอัปเดตข่าวบ่อยครั้งขึ้นอยู่กับสิ่งนี้

จุดเชื่อมต่อระบบ¶

ผู้ใช้ภายใน: หน่วยงาน IT (ศูนย์เทคโนโลยีสารสนเทศ) จัดการโครงสร้างพื้นฐาน
ผู้เผยแพร่เนื้อหา: ผู้มีส่วนได้ส่วนเสียหลายรายใช้ CMS สำหรับข่าว/อัปเดต
อินเทอร์เฟซสาธารณะ: ผู้ใช้ภายนอกเข้าถึงเนื้อหาที่เปิดเผย
ระบบที่เกี่ยวข้อง: S7 (Witness Protection), S9 (Web Portal) — อาจแบ่งรูปแบบดีไซน์
ภายนอก: ไม่ได้ระบุไว้

คำถามที่ยังไม่ได้คำตอบ¶

[OPEN] "VITNESS" อ้างอิงถึงอะไรในบันทึกการประชุม? นี่เป็นชื่อระบบ ผู้จัดจำหน่าย หรือข้อความผิด?

[OPEN] เครื่องมือสแกน WCAG ใดจะใช้สำหรับการตรวจสอบและการรับรองครั้งสุดท้าย?

[OPEN] แพลตฟอร์ม CMS ใดในการใช้งานปัจจุบัน — สร้างเองหรือจำหน่ายแล้ว (WordPress, Drupal ฯลฯ)?

[OPEN] แผนการย้ายเนื้อหาสำหรับการเปลี่ยนแปลงไปยังแม่แบบใหม่คืออะไร?

[OPEN] ใครรับผิดชอบในการออกแบบแม่แบบธีมสว่าง/มืด — ผู้รับเหมาหรือทีมดีไซน์ RLPD?

[OPEN] มีเกณฑ์มาตรฐานประสิทธิภาพหรือข้อกำหนดเวลาโหลดหน้าหรือไม่?

[OPEN] เวอร์ชัน C# .NET ใดในการใช้งานปัจจุบัน? มีแผนอัปเกรดหรือไม่?

[OPEN] ควรทดสอบการออกแบบที่ตอบสนองเฉพาะอุปกรณ์/เบราว์เซอร์หรือไม่?

หมายเหตุทางเทคนิค¶

รายการตรวจสอบ WCAG 2.2 AA Compliance¶

พื้นที่ต่อไปนี้ต้องได้รับการแก้ไขเพื่อให้ WCAG 2.2 AA compliant โดยไม่มีข้อผิดพลาด:

สีและความสัมพันธ์: อัตราส่วนความสัมพันธ์ต่ำสุด 4.5:1 สำหรับข้อความปกติ 3:1 สำหรับข้อความขนาดใหญ่
การนำทางแป้นพิมพ์: ฟังก์ชันทั้งหมดสามารถเข้าถึงได้ผ่านแป้นพิมพ์ (Tab, Enter ฯลฯ)
ความเข้ากันได้ของแป้นอ่าน: โครงสร้างเนื้อหารองรับเทคโนโลยีเสริม
ข้อความสำเร็จรูป: รูปภาพทั้งหมดมีข้อความสำเร็จรูปเชิงพรรณนา
ตัวบ่งชี้โฟกัส: ตัวบ่งชี้โฟกัสภาพชัดเจนในองค์ประกอบแบบโต้ตอบ
ดีไซน์แบบฟอร์ม: ฟิลด์แบบฟอร์มทั้งหมดมีป้ายกำกับที่เชื่อมโยงและข้อความข้อผิดพลาดที่ชัดเจน
ดีไซน์ที่ตอบสนอง: เลย์เอาต์ปรับตัวให้ตรงกับขนาดหน้าจออื่นๆ
คุณลักษณะภาษา: HTML lang attribute ตั้งค่าให้ถูกต้อง
วัตถุประสงค์ของลิงก์: ข้อความลิงก์ชัดเจนบ่งชี้ปลายทาง
โครงสร้างหัวเรื่อง: ลำดับชั้นหัวเรื่องที่เหมาะสม (H1, H2, H3 ฯลฯ)

การรักษา CMS¶

ต้องรักษาเวิร์กโฟลว์ CMS ปัจจุบันเพื่อหลีกเลี่ยงการหยุดชะงักการดำเนินการผู้มีส่วนได้ส่วนเสีย
กระบวนการโพสต์ข่าว/อัปเดตควรยังคงสัญชาตญาณสำหรับผู้ใช้ที่ไม่ใช่เทคนิค
การเปลี่ยนแปลงแม่แบบไม่ควรต้องการการฝึกอบรมผู้เผยแพร่เนื้อหาใหม่

การพิจารณาเทคโนโลยี¶

Backend: ระบบ C# .NET framework ช่วยให้สามารถใช้รูปแบบการพัฒนาแบบสมัยใหม่
Frontend: เลื่อนแนวตั้งต้องการโครงสร้างใหม่ CSS และ JavaScript
ระบบธีม: ใช้ CSS custom properties (ตัวแปร) เพื่อการสลับสว่าง/มืดที่ง่าย
รองรับเบราว์เซอร์: ยืนยันข้อกำหนดการรองรับเบราว์เซอร์ขั้นต่ำ

ข้อมูลเมตาของเอกสาร¶

สร้างเมื่อ: 2026-03-25
Phase: RLPD Phase 2
สถานะ: Knowledge Base Entry
ขั้นตอนต่อไป: ชี้แจงการอ้างอิง VITNESS เลือกเครื่องมือตรวจสอบ WCAG เอกสารรายละเอียดแพลตฟอร์ม CMS ชี้แจงออกแบบแม่แบบ