รางวัลดีเทค อวอร์ดส์ 2021

สถานะการปฏิบัติตามข้อกําหนด

เราเชื่อมั่นว่าอินเทอร์เน็ตควรพร้อมใช้งานและเข้าถึงได้สําหรับทุกคนและมุ่งมั่นที่จะให้บริการเว็บไซต์ที่เข้าถึงผู้ชมได้กว้างที่สุด โดยไม่คํานึงถึงสถานการณ์และความสามารถ

เรามุ่งมั่นที่จะปฏิบัติตามแนวทางการเข้าถึงเนื้อหาเว็บ 2.1 (WCAG 2.1) ของ World Wide Web Consortium (W3C) ในระดับ AA อย่างเคร่งครัดที่สุด แนวทางเหล่านี้อธิบายวิธีทําให้ผู้ทุพพลภาพสามารถเข้าถึงเนื้อหาเว็บได้หลากหลาย การปฏิบัติตามหลักเกณฑ์เหล่านั้นช่วยให้เรามั่นใจได้ว่าเว็บไซต์สามารถเข้าถึงได้ สําหรับทุกคน: คนตาบอด, คนที่มีความบกพร่องทางการเคลื่อนไหว, ความบกพร่องทางสายตา, ความบกพร่องทางสติปัญญาและอื่น ๆ

เว็บไซต์นี้ใช้เทคโนโลยีต่าง ๆ ที่มีไว้เพื่อให้สามารถเข้าถึงได้มากที่สุดตลอดเวลา เราใช้อินเทอร์เฟซการเข้าถึงที่อนุญาตให้บุคคลที่มีเฉพาะ ความพิการเพื่อปรับ UI ของเว็บไซต์ (อินเทอร์เฟซผู้ใช้) และออกแบบตามความต้องการส่วนบุคคลของพวกเขา

นอกจากนี้เว็บไซต์ยังใช้แอปพลิเคชันที่ใช้ AI ซึ่งทํางานในพื้นหลังและปรับระดับการเข้าถึงให้เหมาะสมอย่างต่อเนื่อง แอปพลิเคชันนี้แก้ไข HTML ของเว็บไซต์ ปรับฟังก์ชันการทํางานและพฤติกรรมสําหรับโปรแกรมอ่านหน้าจอที่ใช้โดยผู้ใช้ตาบอดและสําหรับฟังก์ชั่นแป้นพิมพ์ที่ใช้โดยบุคคลที่มีความบกพร่องทางมอเตอร์

หากคุณพบความผิดปกติหรือมีแนวคิดในการปรับปรุงเรายินดีที่จะได้ยินจากคุณ คุณสามารถติดต่อผู้ให้บริการเว็บไซต์โดยใช้อีเมลต่อไปนี้

โปรแกรมอ่านหน้าจอและการนําทางด้วยแป้นพิมพ์

เว็บไซต์ของเราใช้เทคนิคแอตทริบิวต์ ARIA (Accessible Rich Internet Applications) ควบคู่ไปกับการเปลี่ยนแปลงพฤติกรรมต่างๆ เพื่อให้แน่ใจว่าผู้ใช้ตาบอดที่เข้าชมด้วย โปรแกรมอ่านหน้าจอสามารถอ่านทําความเข้าใจและเพลิดเพลินกับฟังก์ชั่นของเว็บไซต์ ทันทีที่ผู้ใช้ที่มีโปรแกรมอ่านหน้าจอเข้าสู่ไซต์ของคุณพวกเขาจะได้รับทันที พร้อมท์ให้ป้อนโปรไฟล์โปรแกรมอ่านหน้าจอเพื่อให้พวกเขาสามารถเรียกดูและใช้งานไซต์ของคุณได้อย่างมีประสิทธิภาพ นี่คือวิธีที่เว็บไซต์ของเราครอบคลุมข้อกําหนดโปรแกรมอ่านหน้าจอที่สําคัญที่สุดบางประการ ควบคู่ไปกับภาพหน้าจอคอนโซลของตัวอย่างโค้ด:

1. การเพิ่มประสิทธิภาพโปรแกรมอ่านหน้าจอ: เราเรียกใช้กระบวนการพื้นหลังที่เรียนรู้ส่วนประกอบของเว็บไซต์จากบนลงล่างเพื่อให้แน่ใจว่ามีการปฏิบัติตามข้อกําหนดอย่างต่อเนื่องแม้ในขณะที่อัปเดตเว็บไซต์ ในกระบวนการนี้เราให้ข้อมูลที่มีความหมายแก่โปรแกรมอ่านหน้าจอโดยใช้ชุดแอตทริบิวต์ ARIA ตัวอย่างเช่น เราให้ฉลากแบบฟอร์มที่ถูกต้อง คําอธิบายสําหรับไอคอนที่ดําเนินการได้ (ไอคอนโซเชียลมีเดียไอคอนค้นหาไอคอนรถเข็น ฯลฯ ); คําแนะนําการตรวจสอบความถูกต้องสําหรับการป้อนข้อมูลแบบฟอร์ม บทบาทองค์ประกอบเช่นปุ่มเมนูบทสนทนาโมดอล (ป๊อปอัป) และอื่น ๆ นอกจากนี้กระบวนการพื้นหลังจะสแกนรูปภาพทั้งหมดของเว็บไซต์และให้คําอธิบายตามการจดจําวัตถุที่ถูกต้องและมีความหมายเป็นแท็ก ALT (ข้อความแสดงแทน) สําหรับรูปภาพที่ไม่ได้อธิบายไว้ นอกจากนี้ยังจะแยกข้อความที่ฝังอยู่ภายในภาพโดยใช้เทคโนโลยี OCR (การรู้จําอักขระด้วยแสง) เมื่อต้องการเปิดการปรับโปรแกรมอ่านหน้าจอได้ทุกเมื่อ ผู้ใช้จะต้องกดแป้นพิมพ์ Alt+1 รวมกันเท่านั้น ผู้ใช้โปรแกรมอ่านหน้าจอยังได้รับการประกาศอัตโนมัติเพื่อเปิดโหมดโปรแกรมอ่านหน้าจอ ทันทีที่พวกเขาเข้าสู่เว็บไซต์

   การปรับเปลี่ยนเหล่านี้เข้ากันได้กับโปรแกรมอ่านหน้าจอยอดนิยมทั้งหมด รวมถึง JAWS และ NVDA

2. การเพิ่มประสิทธิภาพการนําทางด้วยแป้นพิมพ์: กระบวนการพื้นหลังยังปรับ HTML ของเว็บไซต์และเพิ่มพฤติกรรมต่างๆโดยใช้โค้ด JavaScript เพื่อให้เว็บไซต์ทํางานด้วยแป้นพิมพ์ ซึ่งรวมถึงความสามารถในการนําทางเว็บไซต์โดยใช้ปุ่ม Tab และ Shift + Tab ดําเนินการแบบเลื่อนลงด้วยปุ่มลูกศรปิดด้วย Esc ปุ่มทริกเกอร์และลิงก์โดยใช้ปุ่ม Enter นําทางระหว่างองค์ประกอบวิทยุและช่องทําเครื่องหมายโดยใช้ปุ่มลูกศรและเติมด้วย Spacebar หรือปุ่ม Enter นอกจากนี้ผู้ใช้แป้นพิมพ์จะพบเมนูการนําทางอย่างรวดเร็วและข้ามเนื้อหาพร้อมใช้งานได้ตลอดเวลาโดยคลิก Alt + 1 หรือเป็นองค์ประกอบแรกของไซต์ในขณะที่นําทางด้วยแป้นพิมพ์ กระบวนการพื้นหลังยังจัดการป๊อปอัปที่ทริกเกอร์โดยการย้ายโฟกัสของแป้นพิมพ์ไปทางพวกเขาทันทีที่ปรากฏขึ้นและไม่อนุญาตให้โฟกัสลอยออกไปข้างนอก

   ผู้ใช้ยังสามารถใช้ทางลัดเช่น "M" (เมนู), "H" (หัวเรื่อง), "F" (แบบฟอร์ม), "B" (ปุ่ม) และ "G" (กราฟิก) เพื่อข้ามไปยังองค์ประกอบเฉพาะ

โปรไฟล์ความพิการที่รองรับในเว็บไซต์ของเรา

• เซฟโหมดโรคลมชัก: โปรไฟล์นี้ช่วยให้ผู้ที่เป็นโรคลมชักสามารถใช้เว็บไซต์ได้อย่างปลอดภัยโดยขจัดความเสี่ยงของอาการชักที่เกิดจากภาพเคลื่อนไหวกะพริบหรือกะพริบและการผสมสีที่มีความเสี่ยง
• โหมดความบกพร่องทางสายตา: โหมดนี้จะปรับเว็บไซต์เพื่อความสะดวกของผู้ใช้ที่มีความบกพร่องทางสายตาเช่นสายตาเสื่อมการมองเห็นอุโมงค์ต้อกระจกต้อหินและอื่น ๆ
• โหมดความพิการทางสติปัญญา: โหมดนี้มีตัวเลือกช่วยเหลือที่แตกต่างกันเพื่อช่วยให้ผู้ใช้ที่มีความบกพร่องทางสติปัญญาเช่นดิสเล็กเซียออทิสติก CVA และอื่น ๆ เพื่อมุ่งเน้นไปที่องค์ประกอบที่สําคัญของเว็บไซต์ได้ง่ายขึ้น
• โหมดเป็นมิตรกับสมาธิสั้น: โหมดนี้ช่วยให้ผู้ใช้ที่มีสมาธิสั้นและความผิดปกติของพัฒนาการทางระบบประสาทสามารถอ่านเรียกดูและมุ่งเน้นไปที่องค์ประกอบหลักของเว็บไซต์ได้ง่ายขึ้นในขณะที่ลดสิ่งรบกวนลงอย่างมาก
• โหมดตาบอด: โหมดนี้กําหนดค่าเว็บไซต์ให้เข้ากันได้กับโปรแกรมอ่านหน้าจอ เช่น JAWS, NVDA, VoiceOver และ TalkBack โปรแกรมอ่านหน้าจอเป็นซอฟต์แวร์สําหรับผู้ใช้ตาบอดที่ติดตั้งบนคอมพิวเตอร์และสมาร์ทโฟนและเว็บไซต์จะต้องเข้ากันได้กับมัน
• โปรไฟล์การนําทางแป้นพิมพ์ (Motor-Impaired): โปรไฟล์นี้ช่วยให้ผู้บกพร่องทางมอเตอร์สามารถใช้งานเว็บไซต์โดยใช้แป้นพิมพ์ Tab, Shift + Tab และปุ่ม Enter ผู้ใช้ยังสามารถใช้ทางลัดเช่น "M" (เมนู), "H" (หัวเรื่อง), "F" (แบบฟอร์ม), "B" (ปุ่ม) และ "G" (กราฟิก) เพื่อข้ามไปยังองค์ประกอบเฉพาะ

การปรับ UI การออกแบบ และการอ่านค่าเพิ่มเติม

1. การปรับแบบอักษร - ผู้ใช้สามารถเพิ่มและลดขนาดเปลี่ยนครอบครัว (ประเภท) ปรับระยะห่างการจัดตําแหน่งความสูงของบรรทัดและอื่น ๆ
2. การปรับสี - ผู้ใช้สามารถเลือกโปรไฟล์คอนทราสต์สีต่างๆเช่นสว่างมืดกลับด้านและขาวดํา นอกจากนี้ผู้ใช้สามารถสลับโทนสีของชื่อเรื่องข้อความและพื้นหลังด้วยตัวเลือกสีที่แตกต่างกันมากกว่า 7 แบบ
3. ภาพเคลื่อนไหว - ผู้ใช้โรคลมชักสามารถหยุดภาพเคลื่อนไหวที่กําลังทํางานอยู่ทั้งหมดได้ด้วยการคลิกปุ่ม ภาพเคลื่อนไหวที่ควบคุมโดยอินเทอร์เฟซรวมถึงวิดีโอ GIF และการเปลี่ยนภาพกระพริบ CSS
4. การเน้นเนื้อหา - ผู้ใช้สามารถเลือกที่จะเน้นองค์ประกอบที่สําคัญเช่นลิงก์และชื่อเรื่อง นอกจากนี้ยังสามารถเลือกที่จะเน้นองค์ประกอบที่โฟกัสหรือโฮเวอร์เท่านั้น
5. การปิดเสียง - ผู้ใช้ที่มีอุปกรณ์ช่วยฟังอาจปวดหัวหรือปัญหาอื่น ๆ เนื่องจากการเล่นเสียงอัตโนมัติ ตัวเลือกนี้ช่วยให้ผู้ใช้ปิดเสียงทั้งเว็บไซต์ได้ทันที
6. ความผิดปกติของความรู้ความเข้าใจ – เราใช้เครื่องมือค้นหาที่เชื่อมโยงกับวิกิพีเดียและวิกิพจนานุกรมช่วยให้ผู้ที่มีความผิดปกติทางสติปัญญาสามารถถอดรหัสความหมายของวลีชื่อย่อคําแสลงและอื่น ๆ
7. ฟังก์ชั่นเพิ่มเติม - เราให้ตัวเลือกแก่ผู้ใช้ในการเปลี่ยนสีและขนาดเคอร์เซอร์ใช้โหมดการพิมพ์เปิดใช้งานแป้นพิมพ์เสมือนและฟังก์ชั่นอื่น ๆ อีกมากมาย

ความเข้ากันได้ของเบราว์เซอร์และเทคโนโลยีอํานวยความสะดวก

เรามุ่งมั่นที่จะสนับสนุนเบราว์เซอร์และเทคโนโลยีอํานวยความสะดวกที่หลากหลายที่สุดเท่าที่จะเป็นไปได้เพื่อให้ผู้ใช้ของเราสามารถเลือกเครื่องมือที่เหมาะสมที่สุดสําหรับพวกเขาโดยมีข้อ จํากัด น้อยที่สุด ดังนั้นเราจึงทํางานอย่างหนักเพื่อให้สามารถรองรับระบบหลักทั้งหมดที่ประกอบด้วยส่วนแบ่งการตลาดของผู้ใช้มากกว่า 95% รวมถึง Google Chrome, Mozilla Firefox, Apple Safari, Opera และ Microsoft Edge, JAWS และ NVDA (โปรแกรมอ่านหน้าจอ) ทั้งสําหรับ Windows และสําหรับผู้ใช้ MAC

บันทึกย่อ ความคิดเห็น และคําติชม

แม้ว่าเราจะพยายามอย่างดีที่สุดเพื่อให้ทุกคนสามารถปรับเว็บไซต์ตามความต้องการของพวกเขา แต่ก็ยังอาจมีหน้าหรือส่วนที่ไม่สามารถเข้าถึงได้อย่างเต็มที่อยู่ในระหว่างการเข้าถึงหรือขาดโซลูชันทางเทคโนโลยีที่เพียงพอเพื่อให้สามารถเข้าถึงได้ อย่างไรก็ตามเรากําลังปรับปรุงการเข้าถึงเพิ่มอัปเดตและปรับปรุงตัวเลือกและคุณสมบัติอย่างต่อเนื่องและพัฒนาและนําเทคโนโลยีใหม่ ๆ มาใช้ ทั้งหมดนี้มีขึ้นเพื่อเข้าถึงระดับการเข้าถึงที่เหมาะสมตามความก้าวหน้าทางเทคโนโลยี สําหรับความช่วยเหลือใด ๆ โปรดติดต่อ