รายการตรวจสอบเว็บไซต์การปฏิบัติตามข้อกำหนดของ ADA ฟรี

ทำไมคุณถึงต้องการเว็บไซต์ที่ได้มาตรฐาน ADA

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

ธุรกิจใดก็ตามที่มีพนักงานเต็มเวลามากกว่า 15 คนและเปิดทำการนานกว่า 20 สัปดาห์ในแต่ละปี จะต้องปฏิบัติตามหัวข้อ III ของพระราชบัญญัติผู้ทุพพลภาพชาวอเมริกัน โดยสามารถเข้าถึงได้ง่ายสำหรับบุคคลทั่วไป นักเคลื่อนไหวเพิ่งเริ่มค้นหาและฟ้องร้องเว็บไซต์ที่ไม่ปฏิบัติตามข้อกำหนด 2250 คดีถูกฟ้องในปี 2561 เพียงลำพัง

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

ในขณะที่ "การเข้าถึง" ถูกกำหนดอย่างหลวม ๆ ในปี 1996 เมื่อมีการเผยแพร่จดหมาย DOJ แนวทางการเข้าถึงเนื้อหาเว็บ ปัจจุบันเป็นมาตรฐานที่รัฐบาลกลางใช้สำหรับการแสดงตนทางเว็บและโดยศาลในการประเมินการละเมิด ADA Title III

เว็บไซต์ปัจจุบันของคุณอาจไม่เป็นไปตามข้อกำหนด

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

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

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

ทดสอบเว็บไซต์ของคุณเพื่อให้สอดคล้องกับ ADA

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

วิธีใช้รายการตรวจสอบ

การทดสอบการปฏิบัติตามข้อกำหนดของ ADA ต้องใช้เครื่องมือหลายอย่างเพื่อทดสอบส่วนต่างๆ ของเว็บไซต์ของคุณ มีเครื่องมือฟรีมากมาย เช่น WAVE ที่สามารถทดสอบปัจจัยการปฏิบัติตามข้อกำหนดที่สำคัญที่สุดได้ แต่การตรวจสอบโดยเจ้าหน้าที่เป็นสิ่งจำเป็นสำหรับสิ่งต่างๆ เช่น คำอธิบายภาพและกรณีที่ไม่ปกติที่เครื่องมือไม่สามารถตรวจจับได้ เช่น ปัญหาการจัดเรียงใหม่และรูปภาพที่มีข้อความแสดงแทน ไม่ได้อธิบายสิ่งที่อยู่ในกรอบ

ลงรายการตรวจสอบของเราและทดสอบแต่ละรายการ หากคุณผ่านระดับ AA ยินดีด้วย! ธุรกิจของคุณสามารถเข้าถึงได้โดยผู้ทุพพลภาพส่วนใหญ่ หากคุณไม่ผ่านรายการใด ๆ คุณมีความเสี่ยงที่จะถูกฟ้องร้อง หากคุณไม่ผ่านเกณฑ์มากกว่าสองสามข้อ การซื้อเว็บไซต์ใหม่อาจมีราคาถูกกว่าการรักษานักพัฒนาซอฟต์แวร์เพื่อแก้ปัญหาสิ่งที่คุณมีอยู่ในปัจจุบัน

ดูเป็นรายการตรวจสอบออนไลน์ด้านล่าง หรือดาวน์โหลดไฟล์ PDF ของรายการตรวจสอบเพื่อพิมพ์หรือดูแบบออฟไลน์

รายการตรวจสอบ

การปฏิบัติตาม A-Tier

• เนื้อหาที่ไม่ใช่ข้อความใดๆ และทั้งหมดมีข้อความอื่นที่มีจุดประสงค์เดียวกัน
• สื่อตามเวลาใด ๆ รวมทั้งการนำเสนอเสียงเท่านั้นและเฉพาะวิดีโอ มีทางเลือกที่เข้าถึงได้ง่าย
• สื่อที่ซิงโครไนซ์ที่บันทึกไว้ล่วงหน้าทั้งหมดมีคำบรรยาย
• ลำดับการอ่านของเนื้อหาใดๆ สามารถกำหนดโดยทางโปรแกรมได้ เนื้อหาถูกนำเสนอในลำดับที่สมเหตุสมผล และการนำทางด้วยแป้นพิมพ์จะเป็นไปตามลำดับนี้
• คำแนะนำไม่ได้อาศัยเพียงลักษณะทางประสาทสัมผัส เช่น สี เสียง หรือการวางแนวภาพ เพื่ออธิบายวิธีการใช้งานเนื้อหาเว็บไซต์
• ไม่เคยใช้สีเป็นวิธีเดียวในการสื่อสารเมื่อมีข้อความแจ้ง ลิงก์ หรือองค์ประกอบภาพอื่นๆ
• หากโปรแกรมเสียงให้เล่นโดยอัตโนมัตินานกว่า 3 วินาที กลไกจะพร้อมให้หยุดเสียงชั่วคราวหรือลดระดับเสียงโดยไม่ขึ้นกับระดับเสียงของระบบ
• ผู้ใช้สามารถเข้าถึงฟังก์ชันทั้งหมดของเว็บไซต์ได้โดยใช้เพียงแป้นพิมพ์เท่านั้น
• ฟิลด์อินพุตอาจไม่ต้องการเวลาการกดแป้นพิมพ์เฉพาะ เว้นแต่ว่าจังหวะเวลาของการเคลื่อนไหวของผู้ใช้จะมีความสำคัญต่อการทำงานของฟิลด์
• หากแป้นพิมพ์เข้าถึงส่วนประกอบได้ จะต้องปล่อยให้ส่วนประกอบนั้นใช้แป้นพิมพ์ได้ด้วย
• หากจำเป็นต้องมีคำสั่ง exit จากส่วนประกอบในหน้า คำสั่งนั้นควรเป็นคีย์เดียวที่ไม่สามารถพิมพ์ได้ เช่น Escape หรือ Tab
• แป้นพิมพ์ลัดตัวอักษรเดี่ยวต้องมีคุณลักษณะอย่างน้อยหนึ่งอย่างต่อไปนี้:
  • ต้องมีวิธีปิดการใช้งานทางลัดเสมอ
  • มีกลไกในการแมปช็อตคัทใหม่เป็นอักขระที่ไม่สามารถพิมพ์ได้
  • คำสั่งลัดใช้งานได้เฉพาะในองค์ประกอบเฉพาะ และใช้งานได้เฉพาะเมื่อองค์ประกอบนั้นมีโฟกัส
• ผู้ใช้ควรขยายหรือปิดการจำกัดเวลาในเนื้อหาได้ เว้นแต่การจำกัดเวลานั้นเป็นส่วนสำคัญของฟังก์ชันในชีวิตจริง เช่น การประมูล
• ผู้ใช้ควรสามารถซ่อนคุณสมบัติการกะพริบหรือเลื่อนได้ ข้อยกเว้นเพียงอย่างเดียวคือการแจ้งเตือนฉุกเฉินของแท้
• ไม่มีคุณสมบัติใดที่สามารถกะพริบเกินสามครั้งในหนึ่งวินาที
• ต้องมีกลไกเพื่อหลีกเลี่ยงการบล็อกเนื้อหาที่ซ้ำกัน
• ชื่อหน้าทั้งหมดต้องอธิบายหัวข้อและวัตถุประสงค์ของหน้า
• เมื่อมีการนำทางหน้าตามลำดับ ส่วนประกอบต้องได้รับการโฟกัสในลำดับที่เหมาะสมเมื่อเข้าถึงโดยแป้นพิมพ์
• ท่าทางสัมผัสหลายอินพุตมีทางเลือกอินพุตเดียว
• เมื่อเปิดใช้งานฟังก์ชันด้วยการคลิก ฟังก์ชันจะต้องใช้คุณลักษณะการช่วยสำหรับการเข้าถึงอย่างใดอย่างหนึ่งต่อไปนี้:
  • การคลิกลงเพียงอย่างเดียวไม่ได้เปิดใช้งานฟังก์ชัน
  • มีตัวเลือกในการเลิกทำหรือยกเลิกการคลิก
  • การปล่อยปุ่มตัวชี้จะยกเลิกการคลิก
  • ข้อยกเว้นเพียงอย่างเดียวคือเมื่อฟังก์ชันนี้ออกแบบมาเพื่อจำลองแป้นพิมพ์หรือแป้นกด
• เมื่อปุ่มมีข้อความหรือรูปภาพ ชื่อของปุ่มจะมีชื่อนั้นหรืออธิบายเนื้อหาที่มองเห็นได้ของปุ่ม
• ฟังก์ชันที่เปิดใช้งานการเคลื่อนไหวจะต้องมีวิธีเปิดใช้งานผ่านอินเทอร์เฟซผู้ใช้ด้วย ข้อยกเว้นเพียงอย่างเดียวคือเมื่อการเคลื่อนไหวเป็นส่วนสำคัญของกิจกรรม และ GUI ไม่สามารถจำลองฟังก์ชันได้
• ภาษาเริ่มต้นของหน้าเว็บสามารถกำหนดได้โดยทางโปรแกรม
• ปุ่มและส่วนประกอบแบบโต้ตอบอื่นๆ ไม่สามารถเปลี่ยนวัตถุประสงค์ได้เมื่อได้รับโฟกัสจากผู้ใช้
• การเปลี่ยนการตั้งค่าผู้ใช้ไม่ควรเปลี่ยนบริบทของปุ่มหรือองค์ประกอบแบบโต้ตอบ
• ข้อผิดพลาดในการป้อนข้อมูลควรมีชื่อที่ชัดเจนและคำอธิบายข้อความ
• ช่องป้อนข้อมูลใด ๆ ควรมีป้ายกำกับและคำแนะนำที่ชัดเจน
• ชื่อ บทบาท และสถานะของส่วนประกอบส่วนติดต่อผู้ใช้ทั้งหมดสามารถกำหนดได้โดยทางโปรแกรม
• เนื้อหาหรือคุณลักษณะใดๆ ที่ใช้ภาษามาร์กอัปมีแท็กที่ถูกต้องและใช้รหัสที่ไม่ซ้ำกัน

การปฏิบัติตามระดับ AA

• เนื้อหาสื่อที่ซิงโครไนซ์แบบสดจะแสดงพร้อมคำบรรยาย
• สื่อบันทึกล่วงหน้าควรมีคำบรรยายพร้อมเสียงบรรยาย
• การวางแนวของหน้า (แนวนอนหรือแนวตั้ง) ไม่จำกัดการดูหรือการทำงาน เว้นแต่การวางแนวจะเป็นคุณสมบัติที่สำคัญของเนื้อหา
• วัตถุประสงค์ของการป้อนข้อมูลใดๆ ที่รวบรวมข้อมูลผู้ใช้จะมีป้ายกำกับชัดเจนและสามารถกำหนดโดยทางโปรแกรมได้
• ข้อความปกติต้องมีคอนทราสต์ 4.5:1
• ข้อความที่มีขนาดแบบอักษร 18pt ขึ้นไปอาจมีอัตราส่วนคอนทราสต์ต่ำถึง 3:1 ข้อความตกแต่งและโลโก้บริษัทล้วนได้รับการยกเว้นจากมาตรฐานเหล่านี้
• ข้อความต้องคงเนื้อหาและการทำงานทั้งหมดไว้เมื่อปรับขนาดได้ถึง 200%
• ไม่ควรใช้รูปภาพของข้อความในสถานที่ใดๆ ที่ข้อความจริงเพียงพอ หากรูปภาพไม่มีทางเลือกอื่นที่เป็นประโยชน์ เช่น การนำเสนองานศิลปะหรือเอกสารโบราณ ควรมีคำอธิบายรูปภาพ
• เนื้อหาต้องปรับใหม่ให้มีความกว้าง 320 CSS พิกเซล (เลื่อนในแนวตั้ง) หรือ 256 CSS พิกเซล (เลื่อนในแนวนอน) เมื่อขยายได้ถึง 400%
• ส่วนประกอบอินเทอร์เฟซผู้ใช้และการแยกสีที่ไม่ตกแต่งใดๆ ควรมีคอนทราสต์อย่างน้อย 3:1
• ระยะห่างข้อความขั้นต่ำ:
  • ความสูงของบรรทัดคือ 1.5x ของขนาดฟอนต์
  • ระยะห่างระหว่างย่อหน้าคือ 2x ขนาดของแบบอักษร
  • Letter Spacing คือ 0.12x ขนาดของแบบอักษร
  • Word Spacing มีขนาด 0.16 เท่าของขนาดฟอนต์
  • หากภาษาหรือสคริปต์ที่ระบุไม่สนับสนุนตัวเลือกการเว้นวรรคอย่างใดอย่างหนึ่ง จะได้รับการยกเว้นจากตัวเลือกนั้นเพื่อวัตถุประสงค์ในการเข้าถึง
• เมื่อเนื้อหาปรากฏบน Hover หรือ Keyboard Focus:
  • ควรมีวิธีที่จะยกเลิกเนื้อหาโดยไม่เปลี่ยนโฟกัส
  • เนื้อหาไม่ควรหายไปตราบเท่าที่ตัวชี้หรือโฟกัสยังคงอยู่
  • เนื้อหาไม่ควรหายไปเว้นแต่ผู้ใช้จะเรียกใช้ (เช่น โดยการเปลี่ยนโฟกัสหรือยกเลิกเนื้อหา) หรือข้อมูลจะไม่ถูกต้อง
• มีหลายวิธีในการเข้าถึงหน้าเว็บภายในชุดของหน้าเว็บอื่น เว้นแต่ว่าหน้านั้นเป็นขั้นตอนหนึ่งของกระบวนการ
• หัวข้อและป้ายกำกับทั้งหมดอธิบายหัวข้อหรือวัตถุประสงค์ของเนื้อหาด้านล่าง
• ตัวบ่งชี้โฟกัสของแป้นพิมพ์ควรมองเห็นได้เสมอหากมี
• ภาษาของข้อความถูกทำเครื่องหมายโดยทางโปรแกรม
  • อาจมีข้อยกเว้นสำหรับชื่อ ศัพท์แสงทางเทคนิค และภาษาพื้นถิ่นที่สมเหตุสมผล
• องค์ประกอบการนำทางควรมีการออกแบบ ตำแหน่ง และจุดประสงค์เดียวกันในหน้าที่เกี่ยวข้องกับเว็บ
• ข้อผิดพลาดในการป้อนข้อมูลจะถูกตรวจพบโดยอัตโนมัติและมีข้อเสนอแนะเกี่ยวกับวิธีการแก้ไข
• หากหน้าเว็บทำให้เกิดข้อผูกพันทางกฎหมาย ส่งผลให้เกิดธุรกรรมทางการเงิน หรือส่งคำตอบในการทดสอบ หน้าเว็บนั้นต้องมีคุณลักษณะอย่างน้อยหนึ่งอย่างต่อไปนี้:
  • การส่งสามารถย้อนกลับได้
  • เว็บไซต์ตรวจสอบการละเว้นและข้อผิดพลาดของข้อมูลและให้ตัวเลือกแก่ผู้ใช้ในการแก้ไข
  • ผู้ใช้จะได้รับโอกาสในการตรวจสอบ แก้ไข และยืนยันข้อมูลใดๆ ที่พวกเขาป้อน
• เว็บไซต์แสดงข้อความแสดงข้อผิดพลาดและสถานะไปยังเทคโนโลยีอำนวยความสะดวก แม้ว่าผู้ใช้จะไม่ได้ให้ความสำคัญกับข้อความแสดงข้อผิดพลาดก็ตาม

การปฏิบัติตามระดับ AAA

• มีการแปลภาษามือสำหรับสื่อที่ซิงโครไนซ์ที่บันทึกไว้ล่วงหน้า
• สื่อบันทึกล่วงหน้ามีคำบรรยายแบบปิดพร้อมคำอธิบายเสียงแบบขยาย
• มีทางเลือกอื่นที่ไม่ได้กำหนดไว้สำหรับสื่อเฉพาะวิดีโอเท่านั้น
• มีทางเลือกอื่นที่ไม่ได้กำหนดไว้สำหรับสื่อเสียงเท่านั้น
• เนื้อหาที่นำไปใช้ผ่านภาษามาร์กอัปและวัตถุประสงค์ของส่วนประกอบส่วนต่อประสานกับผู้ใช้สามารถกำหนดโดยทางโปรแกรมได้
• ความเปรียบต่างของข้อความปกติอย่างน้อย 7:1 และตัวหนาอย่างน้อย 4.5:1
• หากเสียงที่บันทึกไว้ล่วงหน้าเป็นเสียงพูดเป็นหลัก ไม่ควรมีเสียงพื้นหลัง หรือความแตกต่างระหว่างเสียงพื้นหลังกับเสียงพูดควรมีอย่างน้อย 20db เนื้อหาดนตรีได้รับการยกเว้น
• ผู้ใช้ควรสามารถเปลี่ยนรูปแบบของบล็อคข้อความเพื่อ:
  • ผู้ใช้สามารถเลือกสีพื้นหน้าและพื้นหลังได้
  • ย่อหน้ากว้างไม่เกิน 80 ตัวอักษรหรือ 40 ร่ายมนตร์จีน/ญี่ปุ่น/เกาหลี
  • ระยะห่างบรรทัดอย่างน้อย 1.5 และระยะห่างย่อหน้าอย่างน้อย 3
  • ข้อความไม่ต้องการให้ผู้ใช้เลื่อนในแนวนอนเมื่อปรับขนาดได้ถึง 200%
  • รูปภาพของข้อความใช้เพื่อการตกแต่งเท่านั้น โลโก้ได้รับการยกเว้น
• ฟังก์ชันทั้งหมดของเว็บไซต์สามารถเข้าถึงได้ด้วยอินเทอร์เฟซแป้นพิมพ์เท่านั้น
• ฟังก์ชันบนเว็บไซต์ไม่ควรคำนึงถึงเวลา เว้นแต่จะเชื่อมโยงกับเหตุการณ์ในโลกแห่งความเป็นจริง
• ผู้ใช้สามารถหยุดชั่วคราวหรือปิดสิ่งรบกวนที่ไม่ฉุกเฉินได้
• เมื่อเซสชันหมดอายุ ผู้ใช้ควรตรวจสอบสิทธิ์อีกครั้งและดำเนินการข้อมูลที่ป้อนต่อ
• ผู้ใช้ควรได้รับแจ้งอย่างชัดเจนว่าข้อมูลใดจะสูญหายหลังจากไม่มีการใช้งานเป็นระยะเวลาหนึ่ง และควรมีตัวเลือกให้บันทึกข้อมูลผู้ใช้และดำเนินการต่อในภายหลัง
• ภาพเคลื่อนไหวไม่จำเป็นต่อการถ่ายทอดข้อมูล
• ภาพเคลื่อนไหวสามารถปิดใช้งานได้
• เมื่อหน้าเว็บเป็นชุดที่เชื่อมต่อ ควรมีการระบุตำแหน่งของผู้ใช้ด้วยภาพและแบบเป็นโปรแกรมอย่างชัดเจน
• ข้อความของลิงก์ควรระบุวัตถุประสงค์ของลิงก์
• ข้อความถูกจัดระเบียบด้วยแท็กหัวเรื่อง HTML
• ปุ่มและเป้าหมายอื่นๆ สำหรับตัวชี้ต้องมีขนาดอย่างน้อย 44 x 44 พิกเซล
• รูปแบบการป้อนข้อมูลสำรองสามารถบล็อกได้โดยการเขียนโปรแกรมเมื่อการจำกัดจำเป็นสำหรับวัตถุประสงค์ด้านความปลอดภัยที่ถูกต้องเท่านั้น
• คำยืม สำนวน และศัพท์แสงภาษาต่างประเทศถูกกำหนดด้วยมาร์กอัปข้อความหรือโดยลิงก์ไปยังพจนานุกรมที่เหมาะสม
• ตัวย่อถูกกำหนดหรือสามารถขยายเพื่อแสดงคำเต็มได้
• ควรมีเนื้อหาเวอร์ชันที่เรียบง่ายเมื่อเขียนเหนือระดับการอ่านเกรด 9
• เมื่อการออกเสียงคำไม่ชัดเจน ควรรวมคีย์การออกเสียงไว้ด้วย
• องค์ประกอบการนำทางไม่ควรเปลี่ยนบริบท เว้นแต่ผู้ใช้จะเป็นผู้ริเริ่มการเปลี่ยนแปลง
• ความช่วยเหลือหรือคำแนะนำเครื่องมือตามบริบทพร้อมใช้งานเสมอ
• เมื่อหน้าเว็บกำหนดให้ผู้ใช้ส่งข้อมูลส่วนบุคคล คุณลักษณะเหล่านี้อย่างน้อยหนึ่งอย่างจะถูกรวมไว้:
  • การส่งสามารถย้อนกลับได้
  • เว็บไซต์ตรวจสอบการละเว้นและข้อผิดพลาดของข้อมูลและให้ตัวเลือกแก่ผู้ใช้ในการแก้ไข
  • ผู้ใช้จะได้รับโอกาสในการตรวจสอบ แก้ไข และยืนยันข้อมูลใดๆ ที่พวกเขาป้อน

คำถามที่พบบ่อยเกี่ยวกับการออกแบบเว็บที่สอดคล้อง

แนวทางเว็บไซต์อย่างเป็นทางการของ ADA คืออะไร?

แม้จะมีการแก้ไขล่าสุดในปี 2008 แต่ ADA ไม่ได้กล่าวถึงเว็บไซต์หรือการเข้าถึงอินเทอร์เน็ตโดยเฉพาะ ทุกปีมีการฟ้องร้องดำเนินคดีเกี่ยวกับการเข้าถึงข้อมูลออนไลน์ได้หลายพันคดี และศาลได้ใช้แนวทางที่เผยแพร่โดย World Wide Web Consortium (W3C) ซึ่งเป็นองค์กรที่ได้รับการยอมรับในระดับสากลในด้านมาตรฐานอินเทอร์เน็ต เพื่อเป็นต้นแบบสำหรับการออกแบบที่สอดคล้องกับข้อกำหนด แนวทางการเข้าถึงเนื้อหาเว็บ ของ Consortium (WCAG) ได้รับการตีพิมพ์ตั้งแต่ปี 2542 มาตรฐานเหล่านี้ได้รับการรับรองเป็นมาตรฐาน ISO ในปี 2555 และเป็นพื้นฐานสำหรับกฎหมายการเข้าถึงเว็บทั่วยุโรปและเอเชีย ขณะนี้สหรัฐอเมริกามอบอำนาจให้ปฏิบัติตาม WCAG AA-Tier สำหรับเว็บไซต์ของรัฐบาลทั้งหมด และผู้พิพากษาของรัฐบาลกลางอ้างอิงมาตรฐานเหล่านี้เมื่อพิจารณาเกี่ยวกับการเข้าถึงเว็บไซต์และการละเมิด Title III ADA

แนวทางการปฏิบัติตามข้อกำหนดเปลี่ยนแปลงบ่อยแค่ไหน?

แนวทางดังกล่าวเผยแพร่ครั้งแรกในปี 2542 โดยมีการแก้ไขครั้งใหญ่ในปี 2551 และ 2561 WCAG 2.1 เป็นอัปเดตล่าสุดซึ่งเผยแพร่ในเดือนมิถุนายน 2561 โดยมีเกณฑ์ใหม่ 17 ข้อ ซึ่งส่วนใหญ่มุ่งเป้าไปที่การเข้าถึงได้ง่ายสำหรับสมาร์ทโฟนและอุปกรณ์หน้าจอสัมผัสขนาดเล็กอื่นๆ

การปฏิบัติตามหลักเกณฑ์ 2.0 จะยังส่งผลให้ไซต์เดสก์ท็อปสามารถเข้าถึงได้ อย่างไรก็ตาม มาตรฐาน 2.0 ได้รับการเผยแพร่เมื่อ 11 ปีที่แล้ว และไม่ได้คาดการณ์ถึงการปฏิวัติของสมาร์ทโฟน ด้วยเหตุนี้ จึงไม่มีแนวทางสำหรับการสร้างเว็บไซต์บนมือถือที่เป็นไปตามข้อกำหนด และคำแนะนำเพียงเล็กน้อยสำหรับการป้อนข้อมูลการทำงานแบบสัมผัสและท่าทาง หากเว็บไซต์ของคุณสร้างขึ้นเพื่อให้เป็นไปตามข้อกำหนดของ ADA ก่อนปี 2018 อาจไม่เป็นไปตามมาตรฐานขั้นต่ำสำหรับการปฏิบัติตามข้อกำหนดอีกต่อไป โดยเฉพาะอย่างยิ่งเมื่อเข้าถึงบนสมาร์ทโฟน

ระดับการปฏิบัติตามข้อกำหนด A, AA และ AAA แตกต่างกันอย่างไร

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

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

ระดับ AAA มีคุณสมบัติการช่วยสำหรับการเข้าถึงขั้นสูงสุด คุณลักษณะเหล่านี้ไม่สามารถทำได้ในทุกเว็บไซต์หรือแพลตฟอร์มดิจิทัล ขอแนะนำให้รวมคุณลักษณะ AAA หรือคุณลักษณะ AAA บางส่วนให้มากที่สุดเท่าที่จะเป็นไปได้ แต่การปฏิบัติตามข้อกำหนด AAA อย่างสมบูรณ์ไม่ใช่เป้าหมายที่สมเหตุสมผลสำหรับเว็บไซต์หรือประเภทธุรกิจส่วนใหญ่

หลักการออกแบบเว็บตามมาตรฐาน ADA

รับรู้ได้

• ปรับเปลี่ยนได้: เนื้อหาต้องไม่สูญเสียโครงสร้างหรือการทำงานเมื่อนำเสนอในรูปแบบอื่น เช่น เมื่อขยายหรือประมวลผลโดยโปรแกรมอ่านหน้าจอ
• แยกแยะได้: เนื้อหาภาพและเสียงควรมีความชัดเจนและแตกต่าง รวมถึงความเปรียบต่างระหว่างสีข้อความและพื้นหลัง และไฮเปอร์ลิงก์และปุ่มที่ทำเครื่องหมายไว้อย่างชัดเจน
• ทางเลือกของสื่อตามเวลา: ควรมีทางเลือกที่เข้าถึงได้ง่ายสำหรับเนื้อหาเสียงและวิดีโอ เช่น การถอดเสียงคลิปเสียงฉบับสมบูรณ์ และคำอธิบายเป็นลายลักษณ์อักษรของกราฟิกหรือแผนภูมิใดๆ

ใช้งานได้

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

เข้าใจได้

• อ่านได้: เนื้อหาข้อความใด ๆ ควรแยกวิเคราะห์ได้ด้วยอุปกรณ์ช่วยเหลือ
• คาดการณ์ได้: หน้าเว็บควรทำงานในลักษณะที่สอดคล้องกันและสมเหตุสมผล ปุ่มนำทางควรคงบริบทเดิมไว้ทั้งก่อนและหลังการใช้งาน และการเปลี่ยนแปลงใดๆ ในบริบทควรมีความชัดเจนต่อผู้ใช้
• ความช่วยเหลือในการป้อนข้อมูล: หน้าเว็บควรช่วยให้ผู้ใช้หลีกเลี่ยงและแก้ไขข้อผิดพลาดที่อาจเกิดขึ้นได้ ข้อความแสดงข้อผิดพลาดควรมีคำอธิบายที่ชัดเจน คำแนะนำในการแก้ไข และป้ายกำกับ

แข็งแกร่ง

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

ธุรกิจขนาดเล็กควรเป็นไปตาม ADA หรือไม่

ธุรกิจขนาดเล็ก ธุรกิจตามฤดูกาลส่วนใหญ่ และสถาบันทางศาสนาได้รับการยกเว้นตามกฎหมายจากข้อกำหนด Title III ส่วนใหญ่ ร้านแซนด์วิชที่เป็นเจ้าของครอบครัวไม่จำเป็นต้องติดตั้งทางลาดสำหรับรถเข็น และร้านงานอดิเรกในท้องถิ่นไม่สามารถฟ้องร้องได้เนื่องจากลืมใส่ข้อความแสดงแทนบนรูปถ่ายผลิตภัณฑ์ของเว็บไซต์ของตน ถึงกระนั้น แม้แต่บริษัทที่เล็กที่สุดที่มีสถานะออนไลน์ก็ควรคำนึงถึงการปฏิบัติตามข้อกำหนดของ ADA

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