การเข้าถึง
คำชี้แจงที่ควรอ่านคือคำชี้แจงที่ระบุสิ่งที่ยังไม่ถูกต้องอย่างตรงไปตรงมา ฉบับนี้ทำเช่นนั้น รวมถึงบอกแนวทางที่เราใช้เป็นเป้าหมายในการพัฒนาและวิธีแจ้งสิ่งที่เรายังตกหล่น
- ตั้งเป้าตาม WCAG 2.2 AA
- วัดคอนทราสต์ ไม่ได้ตัดสินด้วยสายตา
- ระบุข้อบกพร่องที่ทราบแล้ว
จุดยืน
เราสร้างเว็บไซต์นี้ตามมาตรฐาน WCAG 2.2 level AA และตรวจสอบจริง ไม่ได้อาศัยการคาดเดา: เราวัดคอนทราสต์เทียบกับสีที่แต่ละองค์ประกอบแสดงอยู่จริง และหากไม่ผ่าน การสร้างเว็บไซต์จะถูกระงับ นี่ไม่ใช่เป้าหมายที่เราประกาศไว้แล้วกลับมาตรวจสอบปีละครั้ง แต่เป็นกระบวนการที่ทำงานกับการเผยแพร่ทุกครั้ง
นี่ไม่ใช่การอ้างว่าเป็นไปตามมาตรฐานอย่างครบถ้วน เราระบุข้อบกพร่องที่ทราบไว้ด้านล่างแทนที่จะละเว้น หากมีสิ่งใดในเว็บไซต์นี้หรือในแอปที่คุณใช้งานไม่ได้ โปรดเขียนถึง [email protected] โดยใช้หัวข้อ การเข้าถึง และบอกเราว่าเกิดอะไรขึ้น เราจะถือว่านี่เป็นรายงานข้อบกพร่อง ไม่ใช่ความคิดเห็น
มีผลตั้งแต่
สิ่งที่มีอยู่แล้ว
- ทุกหน้าใช้งานได้โดยไม่ต้องใช้ JavaScript ไม่มีเนื้อหาใดถูกซ่อนไว้เป็นค่าเริ่มต้นแล้วค่อยแสดงด้วยสคริปต์ ดังนั้นแม้สคริปต์ทำงานผิดพลาด มีตัวบล็อกเนื้อหาที่เข้มงวด หรือใช้โปรแกรมอ่านแบบข้อความ หน้าเว็บก็ยังแสดงเนื้อหาได้ องค์ประกอบแบบอินเทอร์แอกทีฟเป็นเพียงส่วนเสริมบนหน้าที่ใช้งานได้อยู่แล้ว
- วัดคอนทราสต์จากพื้นหลังที่ถูกแสดงผลจริง โดยไล่หาองค์ประกอบทึบแสงตัวแรกที่อยู่ด้านหลัง แทนการกะด้วยสายตาจากสีที่สมมติขึ้น ครั้งหนึ่งข้อความเนื้อหาบนเว็บไซต์นี้มีอัตราส่วน 4.49:1 ซึ่งต่ำกว่าเกณฑ์ AA และเมื่อมองด้วยตาก็ดูเป็นปกติดี ต้องอาศัยการวัดจึงจะพบ
- มีลิงก์ข้ามไปยังเนื้อหาและมีจุดโฟกัสที่มองเห็นได้ ทุกหน้าจะเริ่มต้นด้วยลิงก์ข้ามไปยังเนื้อหา และองค์ประกอบแบบอินเทอร์แอกทีฟทุกอย่างมีตัวบ่งชี้จุดโฟกัสที่มองเห็นได้ แทนที่จะลบเส้นขอบออกเพื่อความเรียบร้อย
- โครงสร้างเชิงความหมาย มี h1 หนึ่งรายการต่อหน้า หัวเรื่องเรียงตามลำดับโดยไม่ข้ามระดับ มีรายการและตารางจริงพร้อมเซลล์หัวตารางและคำบรรยายที่ถูกต้อง รวมถึงจุดสังเกตที่โปรแกรมอ่านหน้าจอใช้เลื่อนนำทางได้
- การเคลื่อนไหวเคารพการตั้งค่าของระบบ ภาพเคลื่อนไหวทุกอย่างจะถูกปิดเมื่อเปิดใช้ prefers-reduced-motion และเนื้อหาจะแสดงทันทีโดยไม่ต้องรอการเคลื่อนเข้ามา
- ขนาดข้อความปรับได้ เลย์เอาต์ใช้หน่วยสัมพัทธ์และจัดเรียงใหม่ แทนที่จะพังหรือเลื่อนด้านข้างเมื่อขยายข้อความหรือใช้หน้าต่างแคบ
- ข้อความทดแทนที่มีความหมาย และตั้งค่า alt ให้เป็นค่าว่างโดยเจตนาสำหรับรูปภาพภายในลิงก์ที่มีข้อความอธิบายอยู่แล้ว เพราะหากใส่คำอธิบายไว้ โปรแกรมอ่านหน้าจอจะประกาศสิ่งเดียวกันซ้ำสองครั้ง
ข้อจำกัดที่ทราบ
เหตุผลที่ควรเผยแพร่หน้านี้ก็อยู่ในส่วนนี้ ทุกข้อเป็นปัญหาที่มีอยู่จริง เราทราบเรื่องเหล่านี้ และไม่ได้ยกข้อใดมาเสนอว่าแก้ไขแล้ว
เว็บไซต์เผยแพร่ในสามสิบภาษา และยังไม่ได้ทดสอบด้วยโปรแกรมอ่านหน้าจอครบทุกภาษา การทดสอบทำในภาษาอังกฤษ การออกเสียงและลำดับการอ่านในภาษาที่เขียนจากขวาไปซ้าย รวมถึงสคริปต์ที่แบบอักษรสำหรับแสดงผลของเราไม่รองรับและต้องใช้แบบอักษรทดแทนของแพลตฟอร์ม ยังไม่ได้รับการตรวจสอบด้วยเทคโนโลยีสิ่งอำนวยความสะดวก
แบบอักษรสองแบบของเรารองรับเฉพาะอักษรละติน อักษรซีริลลิก เทวนาครี จอร์เจีย ไทย อาหรับ ฮีบรู เบงกาลี เอธิโอเปีย และ CJK จะใช้แบบอักษรของแพลตฟอร์มแทน โดยทั่วไปวิธีนี้ดีต่อความอ่านง่าย แต่ก็หมายความว่ารายละเอียดด้านการจัดตัวอักษรที่เราควบคุมได้ในภาษาอังกฤษ เช่น น้ำหนัก ระยะห่าง และขนาดที่ข้อความเล็กเริ่มเล็กเกินไป ไม่ใช่สิ่งที่เราควบคุมได้ในภาษาท้องถิ่นเหล่านั้น
องค์ประกอบแบบอินเทอร์แอกทีฟบางส่วนเพิ่งสร้างขึ้นและผ่านการทดสอบน้อยกว่า เมทริกซ์เปรียบเทียบและตัวกรองการค้นหาความช่วยเหลือจะกรองแถวในตำแหน่งเดิม ซึ่งเป็นรูปแบบที่เหมาะสม แต่การประกาศจำนวนผลลัพธ์ที่เปลี่ยนแปลงให้โปรแกรมอ่านหน้าจอทราบนั้นเพิ่งนำมาใช้และยังไม่ได้ทดสอบกับผู้ใช้
แอปยึดหลักการเดียวกัน แต่ได้รับการตรวจสอบน้อยกว่าเว็บไซต์ แอปรองรับการปรับขนาดข้อความและโปรแกรมอ่านหน้าจอของแพลตฟอร์ม ซึ่งทั้งสองอย่างช่วยจัดการงานส่วนใหญ่ให้ แต่ขณะนี้เรายังไม่ได้ตรวจสอบการเข้าถึงอย่างเป็นทางการกับการเปิดตัวแต่ละครั้ง
ยังไม่มีการตรวจสอบอย่างเป็นทางการโดยบุคคลที่สาม ทั้งเว็บไซต์และแอป เราเลือกบอกตามตรงดีกว่าทำให้เข้าใจว่าเรามีการรับรองที่เราไม่ได้ถืออยู่
แอป และสิ่งหนึ่งที่ควรรู้
แอป Telvio อาศัยคุณสมบัติด้านการเข้าถึงของระบบปฏิบัติการที่ใช้งานอยู่ ได้แก่ VoiceOver และ Dynamic Type บน iOS รวมถึง TalkBack และการปรับขนาดแบบอักษรบน Android คุณสมบัติเหล่านี้ครอบคลุมสิ่งสำคัญส่วนใหญ่สำหรับแอปที่มีอินเทอร์เฟซเป็นแป้นกด ยอดคงเหลือ และรายการอัตราค่าบริการ
มีการตัดสินใจด้านการออกแบบอย่างหนึ่งที่ควรกล่าวถึงในฐานะคุณสมบัติด้านการเข้าถึงมากกว่าจะเรียกว่าเป็นฟีเจอร์ เนื่องจากแอปไม่ต้องใช้บัญชี จึงไม่มีแบบฟอร์มสมัครใช้งาน ไม่มีรหัสผ่านให้กรอก ไม่มีขั้นตอนยืนยันอีเมล และไม่มีรหัสให้ดึงจากข้อความ ซึ่งหมายความว่าการโต้ตอบทั้งกลุ่มที่มักเป็นอุปสรรคต่อผู้ใช้เทคโนโลยีสิ่งอำนวยความสะดวก หรือใครก็ตามที่รู้สึกว่าแบบฟอร์มใช้งานยาก จะไม่มีอยู่เลย ติดตั้ง โทร พูดคุย
ข้อจำกัดที่เกี่ยวข้องก็อยู่ในหน้าเดียวกับข้อมูลอื่นทั้งหมด นั่นคือแอปไม่สามารถโทรหาบริการฉุกเฉินได้ ตามที่ระบุไว้ที่ การโทรฉุกเฉิน หากมีผู้ตั้งค่าแอปนี้ให้ญาติ ซึ่งเป็นกรณีที่พบได้บ่อย โดยเฉพาะผู้สูงอายุที่โทรหาครอบครัวในต่างประเทศ นี่คือสิ่งสำคัญที่สุดที่ควรอธิบายขณะตั้งค่า
แจ้งให้เราทราบเมื่อพบปัญหา
ส่งอีเมลไปที่ [email protected] โดยใช้หัวเรื่อง Accessibility รายละเอียดที่ช่วยได้ ได้แก่ หน้าเว็บหรือหน้าจอ สิ่งที่คุณพยายามทำ เทคโนโลยีสิ่งอำนวยความสะดวกที่ใช้รวมถึงเวอร์ชัน และสิ่งที่เกิดขึ้นแทน ไม่มีข้อใดเป็นข้อบังคับ เพียงประโยคว่า “ฉันใช้ตารางอัตราค่าบริการด้วยโปรแกรมอ่านหน้าจอไม่ได้” ก็เป็นรายงานที่ดีแล้ว และเราย่อมอยากได้รับรายงานเช่นนี้ดีกว่าไม่ได้รับอะไรเลย
เราตั้งเป้าที่จะตอบกลับภายในห้าวันทำการ พร้อมการประเมินและกรอบเวลาโดยประมาณ หากเราเห็นด้วยว่ามีข้อบกพร่อง ปัญหาที่ทำให้ใครบางคนทำงานให้เสร็จไม่ได้จะได้รับการแก้ไขก่อนงานอื่น ส่วนปัญหาที่ทำให้งานยากขึ้นจะถูกจัดคิวตามจริง แทนที่จะให้คำสัญญาอย่างคลุมเครือ
หากคุณอยู่ในสหภาพยุโรปและเชื่อว่าไม่ได้ปฏิบัติตามข้อกำหนดด้านการเข้าถึง คุณอาจแจ้งเรื่องต่อหน่วยงานบังคับใช้กฎหมายของประเทศที่เกี่ยวข้องได้เช่นกัน เราอยากให้คุณแจ้งเราก่อน และเราจะตอบกลับไม่ว่าคุณจะเลือกดำเนินการอย่างไร
การตรวจสอบทำงานจริงอย่างไร
มีสองเรื่องที่ควรอธิบาย เพราะสองเรื่องนี้ทำให้คำแถลงแตกต่างจากการลงมือปฏิบัติจริง
วัดคอนทราสต์จากสิ่งที่แสดงผล ไม่ใช่จากโค้ดที่วิเคราะห์ ค่าสีที่อ่านจากสไตล์ชีตบอกเพียงว่าองค์ประกอบควรมีลักษณะอย่างไร ไม่ใช่ลักษณะที่ปรากฏจริง เช่น องค์ประกอบกึ่งโปร่งใสบนแถบสีเข้ม ฟังก์ชันสีสมัยใหม่ที่ regex ไม่เข้าใจ หรือส่วนหัวแบบตรึงอยู่เหนือรูปภาพหลัก การตรวจสอบจะแสดงพื้นหลังจริงของแต่ละองค์ประกอบโดยไล่ขึ้นไปหาองค์ประกอบทึบแสงตัวแรก แล้วให้เบราว์เซอร์เป็นผู้คำนวณสี จากนั้นจึงคำนวณอัตราส่วน ผลการตรวจพบว่าข้อความเนื้อหาบนเว็บไซต์นี้มีอัตราส่วน 4.49:1 ซึ่งต่ำกว่า AA และเมื่อมองแยกเดี่ยวก็ดูเป็นปกติอย่างสิ้นเชิง
ตรวจสอบหน้าตามที่แสดงผล ไม่ใช่ตามที่เขียนไว้ โพรบแยกต่างหากจะโหลดแต่ละหน้าในเบราว์เซอร์จริง แล้วตรวจว่ามีข้อความใดในพื้นที่มองเห็นที่มีความทึบเป็นศูนย์หรือไม่ เอกสารเลื่อนด้านข้างหรือไม่ และมีสิ่งใดถูกวาดด้วยสีพื้นหลังของตัวเองหรือไม่ ข้อสุดท้ายฟังดูไม่น่าเกิดขึ้นจนกว่าจะถูกเผยแพร่จริง: ครั้งหนึ่งกฎ CSS แบบจัดกลุ่มเพียงกฎเดียวตั้งค่าสีและพื้นหลังของป้ายกำกับเป็นสีเดียวกัน ทำให้อัตราส่วนคอนทราสต์เป็น 1:1 ซึ่งมองไม่เห็นจากมาร์กอัป มองไม่เห็นใน DOM และมองไม่เห็นในภาพหน้าจอของซอร์สโค้ด
สิ่งที่เราตัดสินใจโดยเจตนา
- ไม่มีการเคลื่อนไหวหากไม่ได้รับอนุญาต ภาพเคลื่อนไหวขณะเลื่อนจะเปิดใช้เมื่อสคริปต์ตรวจสอบก่อนว่าผู้ใช้ต้องการการเคลื่อนไหว ดังนั้นผู้อ่านที่เปิดใช้การลดการเคลื่อนไหวจะเห็นเนื้อหาทันทีและไม่เห็นเนื้อหาเคลื่อนเข้ามา
- ไม่มีเนื้อหาที่ซ่อนอยู่หลัง JavaScript ไม่มีเนื้อหาใดถูกเขียนให้มองไม่เห็น นี่เป็นการตัดสินใจด้านการเข้าถึงพอ ๆ กับเป็นการตัดสินใจด้านประสิทธิภาพ เพราะหน้าที่ต้องพึ่งสคริปต์เพื่อให้มองเห็นได้ ก็คือหน้าที่จะใช้งานไม่ได้สำหรับทุกคนเมื่อสคริปต์ทำงานไม่ได้
- ใช้คำแทนไอคอนในข้อมูล ตารางเปรียบเทียบใช้คำว่า “ใช่”, “ไม่มี” และ “ปัดขึ้น” แทนเครื่องหมายถูกและกากบาท เพราะเมื่อมีการประกาศ เครื่องหมายถูกอาจไม่ชัดเจน และเมื่อคัดลอกก็ไม่ปรากฏ
- ใช้ alt ว่างเมื่อคำอธิบายจะซ้ำกับข้อความ รูปภาพภายในลิงก์ที่มีข้อความของตัวเองจะใช้
alt=""เพื่อให้โปรแกรมอ่านหน้าจอประกาศปลายทางเพียงครั้งเดียวแทนที่จะประกาศซ้ำสองครั้ง - ตารางกว้างจะเลื่อนภายในกรอบของตัวเอง แทนที่จะดันทั้งหน้าให้เลื่อนไปด้านข้าง ดังนั้นโทรศัพท์จึงไม่ต้องเลื่อนแนวนอนเพื่ออ่านข้อความย่อหน้า
สรุป
เราพัฒนาโดยยึดตาม WCAG 2.2 AA และตรวจสอบในการเผยแพร่ทุกครั้ง โดยวัดคอนทราสต์จากพื้นหลังที่แสดงจริง ไม่ใช่ค่าที่คาดไว้ ทั้งนี้ไม่ได้หมายความว่าจะสอดคล้องตามมาตรฐานอย่างสมบูรณ์
ข้อจำกัดที่ทราบ: การทดสอบโปรแกรมอ่านหน้าจอทำเป็นภาษาอังกฤษเท่านั้น แม้รองรับสามสิบภาษา แบบอักษรของเราครอบคลุมเฉพาะอักษรละติน สคริปต์อื่นจึงใช้แบบอักษรของระบบแทน องค์ประกอบแบบโต้ตอบที่เพิ่มเข้ามาล่าสุดได้รับการทดสอบน้อยกว่า และยังไม่มีการตรวจประเมินจากบุคคลที่สาม
หากพบสิ่งที่ใช้งานไม่ได้ โปรดรายงานไปที่ [email protected] โดยใช้หัวข้อ Accessibility เราจะจัดการเรื่องนี้ในฐานะรายงานข้อบกพร่อง และแก้ไขปัญหาที่ทำให้งานหยุดชะงักก่อนงานอื่น
คำถามที่พบบ่อย
Telvio ปฏิบัติตามมาตรฐานการเข้าถึงใด
เป้าหมายของเว็บไซต์คือ WCAG 2.2 ระดับ AA โดยมีการตรวจสอบทุกครั้งที่ออกเวอร์ชันใหม่ แทนการตรวจเป็นระยะ ๆ ระบบจะวัดคอนทราสต์เทียบกับพื้นหลังที่องค์ประกอบแต่ละรายการถูกแสดงผลจริง และหากไม่ผ่าน การ build จะถูกระงับ เราไม่ได้อ้างว่าปฏิบัติตามมาตรฐานได้ครบถ้วนทั้งหมด
เว็บไซต์ Telvio ใช้งานได้โดยไม่เปิด JavaScript หรือไม่
ได้ ไม่มีเนื้อหาใดถูกซ่อนไว้โดยค่าเริ่มต้นแล้วค่อยแสดงด้วยสคริปต์ ดังนั้นทุกหน้าจะแสดงเนื้อหาได้แม้ปิดหรือบล็อก JavaScript ฟีเจอร์แบบโต้ตอบ เช่น ตัวกรองเปรียบเทียบ เป็นส่วนเสริมบนหน้าที่ใช้งานได้อยู่แล้ว
Telvio เคยผ่านการตรวจประเมินการเข้าถึงหรือไม่
ยังไม่มีการตรวจประเมินโดยบุคคลภายนอกทั้งเว็บไซต์หรือแอป การตรวจสอบแบบอัตโนมัติและด้วยมือจะดำเนินการทุกครั้งที่เว็บไซต์ออกเวอร์ชันใหม่ และคำชี้แจงนี้ระบุข้อบกพร่องที่ทราบแล้ว แทนที่จะละเว้นไม่กล่าวถึง
แอป Telvio ใช้งานร่วมกับโปรแกรมอ่านหน้าจอได้หรือไม่
แอปอาศัยฟีเจอร์การเข้าถึงของแพลตฟอร์ม ได้แก่ VoiceOver และ Dynamic Type บน iOS รวมถึง TalkBack และการปรับขนาดแบบอักษรบน Android แอปได้รับการตรวจประเมินน้อยกว่าเว็บไซต์ และไม่มีการตรวจประเมินการเข้าถึงอย่างเป็นทางการสำหรับทุกเวอร์ชันที่ออก
ฉันจะแจ้งปัญหาด้านการเข้าถึงได้อย่างไร
ส่งอีเมลไปที่ [email protected] โดยใช้หัวข้อ Accessibility และระบุว่าพบปัญหาที่หน้าใดหรือหน้าจอใด กำลังพยายามทำอะไร และเกิดอะไรขึ้น เทคโนโลยีสิ่งอำนวยความสะดวกและเวอร์ชันที่ใช้จะช่วยให้ตรวจสอบได้ง่ายขึ้น แต่ไม่จำเป็นต้องระบุ เราตั้งเป้าจะตอบกลับภายในห้าวันทำการ
เหตุใดเว็บไซต์จึงใช้แบบอักษรต่างกันในภาษาของฉัน
แบบอักษรสองแบบที่ใช้ในการออกแบบเว็บไซต์รองรับเฉพาะอักษรละติน อักษรซีริลลิก เทวนาครี จอร์เจีย ไทย อาหรับ ฮีบรู เบงกอล เอธิโอเปีย และ CJK จะเปลี่ยนไปใช้แบบอักษรของแพลตฟอร์ม ซึ่งโดยทั่วไปอ่านง่ายกว่า แต่หมายความว่ารายละเอียดด้านรูปแบบตัวอักษรในภาษาเหล่านั้นไม่ได้อยู่ภายใต้การควบคุมของเรา