ระดับ WCAG: A, AA และ AAA

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

WCAG คือมาตรฐานของ W3C ที่กำหนดว่าเนื้อหาเว็บแบบใดจึงจะเข้าถึงได้ เวอร์ชันปัจจุบันคือ WCAG 2.2 (ตุลาคม 2023) ส่วน WCAG 3 รุ่นต่อไปยังอยู่ในขั้นร่างเบื้องต้น

WCAG จัดระเบียบตามหลักการสี่ประการ ได้แก่ รับรู้ได้, ใช้งานได้, เข้าใจได้ และ ทนทาน เกณฑ์ความสำเร็จทุกข้ออยู่ภายใต้หลักการใดหลักการหนึ่ง

ข้อมูลต้องนำเสนอในรูปแบบที่ผู้ใช้รับรู้ได้ เช่น มีข้อความแสดงแทนสำหรับรูปภาพ คำบรรยายสำหรับวิดีโอ ความเปรียบต่างของสีที่เพียงพอ และสามารถขยายข้อความได้ถึง 200% โดยไม่สูญเสียความสามารถในการใช้งาน

ฟังก์ชันทั้งหมดต้องใช้งานผ่านแป้นพิมพ์ได้ ห้ามมีการโต้ตอบที่ใช้เมาส์เท่านั้น ต้องมีเวลาเพียงพอสำหรับอ่านเนื้อหา ห้ามมีเนื้อหากะพริบที่อาจกระตุ้นอาการชัก และต้องมีวิธีนำทางที่ชัดเจน

เนื้อหาและการใช้งานต้องเข้าใจได้ โดยประกาศภาษาที่อ่านง่าย รูปแบบการนำทางคาดเดาได้ ข้อความแสดงข้อผิดพลาดชัดเจนพร้อมคำแนะนำ และป้ายกำกับต้องสอดคล้องกัน

เนื้อหาต้องทำงานร่วมกับเทคโนโลยีช่วยเหลือทั้งในปัจจุบันและอนาคต ใช้ HTML ที่ถูกต้อง ปฏิบัติตามแนวทางที่ดีของ ARIA และทำให้ชื่อ บทบาท และค่าต่าง ๆ สามารถระบุได้โดยโปรแกรม

ระดับ A: ขั้นต่ำ (สิ่งที่ต้องมี) ระดับ AA: เป้าหมายมาตรฐาน (ระดับที่กฎหมายส่วนใหญ่กำหนด) ระดับ AAA: ระดับสูงสุด ซึ่งไม่เหมาะสมในทางปฏิบัติสำหรับเว็บไซต์ทั้งเว็บไซต์ จึงใช้เฉพาะกับหน้าสำคัญ

โครงการส่วนใหญ่มุ่งเป้าไปที่ WCAG 2.1 AA หรือ 2.2 AA ซึ่งเป็นระดับที่กฎหมาย European Accessibility Act (EAA), Section 508 ใน US และกฎการจัดซื้อจัดจ้างขององค์กรส่วนใหญ่กำหนด

ระดับ A: มีข้อความแสดงแทนสำหรับรูปภาพ และใช้งานผ่านแป้นพิมพ์ได้ ระดับ AA: อัตราความเปรียบต่างของข้อความ 4.5:1 ห้ามสื่อข้อมูลด้วยสีเพียงอย่างเดียว ต้องมองเห็นจุดโฟกัส และขยายได้ถึง 200% ระดับ AAA: ความเปรียบต่าง 7:1 มีภาษามือสำหรับวิดีโอ และมีความช่วยเหลือตามบริบท

1) เพิ่มข้อความแสดงแทนให้รูปภาพทุกภาพ 2) ใช้ HTML เชิงความหมาย (button, nav, h1-h6) 3) ตรวจสอบให้ความเปรียบต่างของสีเป็นไปตามอัตรา 4.5:1 4) ทดสอบเว็บไซต์ด้วยแป้นพิมพ์เท่านั้น 5) เพิ่มป้ายกำกับให้ข้อมูลป้อนเข้าของแบบฟอร์มทุกช่อง 6) ใช้ตัวบ่งชี้จุดโฟกัสที่มองเห็นได้

ระดับความสอดคล้องตาม WCAG ใดคือเป้าหมายทางกฎหมายโดยทั่วไปสำหรับเว็บไซต์และแอปพลิเคชันส่วนใหญ่

WCAG 2.2 เป็นมาตรฐานปัจจุบัน มีหลักการสี่ข้อ ได้แก่ รับรู้ได้ ใช้งานได้ เข้าใจได้ และแข็งแกร่ง (POUR) มีระดับความสอดคล้องสามระดับ ได้แก่ A (พื้นฐาน), AA (เป้าหมายตามกฎหมาย) และ AAA (สูงสุด) ควรกำหนดเป้าหมายเป็น AA เพื่อให้สอดคล้องตามกฎหมาย สิ่งที่ทำได้ทันที ได้แก่ ข้อความ alt, HTML เชิงความหมาย, อัตราคอนทราสต์ 4.5:1, การทดสอบด้วยแป้นพิมพ์, input ที่มีป้ายกำกับ และ focus ที่มองเห็นได้