ตรวจสอบการเข้าถึงเว็บ – Web Accessibility Checker

ตรวจสอบการเข้าถึงเว็บตามมาตรฐาน WCAG 2.2: ความต่างสี, ข้อความ alt, หัวเรื่อง, ลำดับโฟกัส, จำลองตาบอดสี, รายงานผลการตรวจ

🔍 ตรวจสอบการเข้าถึงเว็บ ตามมาตรฐาน WCAG 2.0 2.1 และ 2.2 ตรวจสอบการเข้าถึงเว็บ เปลี่ยนแท็บใดก็ได้ในเบราว์เซอร์ให้กลายเป็นโต๊ะทำงานตรวจประเมิน เปิดแผงด้านข้าง สแกนหน้าเว็บ แล้วอ่านทุกข้อผิดพลาดที่จัดกลุ่มตามเกณฑ์ พร้อมค่าที่วัดได้วางอยู่ข้างค่าขีดจำกัดที่กำหนด มีเหตุผล วิธีแก้ และตัวอย่างโค้ดที่วางลงในโปรแกรมแก้ไขได้ทันที ใต้ฝากระโปรง เครื่องมือตรวจสอบการเข้าถึงเว็บ ตัวนี้เรียกใช้ axe-core 4.13 พร้อมชั้นกฎของตัวเองสำหรับเกณฑ์ WCAG 2.2 ที่แทบยังไม่มีเครื่องมือใดครอบคลุม ได้แก่ ขนาดเป้าหมาย โฟกัสที่ไม่ถูกบัง การยืนยันตัวตนที่เข้าถึงได้ ระยะห่างตัวอักษร และการจัดเรียงใหม่ คนส่วนใหญ่ติดตั้ง ตรวจสอบการเข้าถึงเว็บ เพราะคำถามเดียวก่อนปล่อยงาน คืออะไรจะไม่ผ่านและอยู่ตรงไหนกันแน่ คำตอบมาถึงภายในสองวินาที บนหน้าที่เปิดค้างอยู่แล้ว ไม่มีขั้นตอนบิลด์ และไม่ต้องต่อคิวรอโปรแกรมเก็บข้อมูลบนคลาวด์ ✅ แต่ละรอบสแกนครอบคลุมอะไรบ้าง ➤ ความต่างสีของข้อความปกติ ข้อความขนาดใหญ่ และองค์ประกอบที่ไม่ใช่ข้อความ ➤ ข้อความทดแทน ภาพประดับ และภาพที่มีคำอธิบายอยู่ที่อื่น ➤ โครงสร้างหัวเรื่อง จุดสังเกต ภาษาของหน้า และชื่อเอกสาร ➤ ป้ายกำกับฟอร์ม ข้อความลิงก์ ตาราง คำบรรยาย และวิดีโอ ➤ ลำดับแท็บ ตัวบอกโฟกัส กับดักแป้นพิมพ์ และขนาดเป้าหมาย 📐 มาตรฐานที่มันรู้จัก ผลตรวจจะมีประโยชน์ก็ต่อเมื่อมันเรียกชื่อเกณฑ์ที่คุณจะถูกวัด ดังนั้นทุกสิ่งที่พบจึงพ่วงเกณฑ์ความสำเร็จ ระดับ และเวอร์ชันมาด้วย 1. WCAG 2.0 2.1 และ 2.2 ในระดับ A AA และ AAA 2. ข้อกำหนดการเข้าถึงเว็บของหน่วยงานภาครัฐไทย 3. EN 301 549 และ European Accessibility Act ในยุโรป 4. Section 508 ADA Title III และ AODA ในอเมริกาเหนือ 🎨 ความต่างสีที่วัดได้สองวิธี หยิบสองสีด้วยหลอดดูดสี แก้ไขแบบสด แล้วดูอัตราส่วน WCAG เคียงข้างค่า APCA Lc เครื่องคำนวณความต่างสีให้คำตัดสินสำหรับข้อความปกติ ข้อความขนาดใหญ่ และองค์ประกอบที่ไม่ใช่ข้อความพร้อมกัน ผลลัพธ์ WCAG 2.1 AA จึงอยู่ห่างจากผลลัพธ์ WCAG AAA ที่เข้มกว่าเพียงชายตามอง ส่วน APCA คือวิธีใหม่ที่กำลังศึกษารอบ WCAG 3.0 🕶 การจำลองการมองเห็นบนหน้าจริง 1️⃣ การมองเห็นสีแปดแบบ ตั้งแต่ตาบอดสีแดงจนถึงตาบอดสีทั้งหมด 2️⃣ สายตาเลือนราง ต้อกระจก และต้อหิน ซ้อนบนเลย์เอาต์จริง 3️⃣ โหมดความยากในการอ่านสำหรับข้อความที่ไม่ยอมอยู่นิ่ง ตัวจำลองตาบอดสีทำงานบนหน้าเว็บจริง ไม่ใช่บนภาพหน้าจอ สถานะเมื่อชี้เมาส์ กราฟ และภาพปกวิดีโอจึงเข้ามาอยู่ในการตรวจทานด้วย 🧭 หาจุดผิดได้โดยไม่ต้องอ่าน DOM - Locate ปักป้ายที่มีเกณฑ์กำกับลงบนองค์ประกอบที่ผิดโดยตรง - แผนที่หัวเรื่องและจุดสังเกตวาดโครงสร้างจริงทับลงบนหน้า - ลำดับโฟกัสถูกใส่หมายเลขตามเส้นทางที่แป้นพิมพ์เดินจริง - ข้อความทดแทนปรากฏข้างทุกภาพ รวมถึงภาพประดับด้วย 📄 ผลงานที่ปิดท้ายการตรวจประเมิน การทดสอบเป็นเพียงครึ่งหนึ่งของงาน ทุกอย่างด้านล่างออกมาจากการสแกนครั้งเดียวกัน รายงานการเข้าถึงที่คุณส่งมอบจึงตรงกับแท็บที่คุณทดสอบทุกตัวเลข 📊 รายงาน HTML ในแบรนด์ของคุณเอง พิมพ์ตรงเป็น PDF 🧾 CSV และ JSON สำหรับตั๋วงาน บอร์ด และไปป์ไลน์ ✍ ร่างคำแถลงการเข้าถึงสำหรับเว็บไซต์ของคุณเอง 📋 ตารางแบบ VPAT สำหรับการจัดซื้อจัดจ้าง วันจันทร์เป็นตัวสร้างคำแถลงการเข้าถึง วันศุกร์เป็นแหล่งข้อมูลของรายงานความสอดคล้อง 🌐 การทดสอบการเข้าถึงเว็บที่ไกลกว่าหน้าเดียว ไล่หน้าเว็บที่มาจากต้นทางเดียวกันในรอบเดียว เก็บประวัติไว้ แล้วเทียบสองรอบเพื่อดูว่าอะไรพังและอะไรถูกซ่อม การตรวจครั้งเดียวจึงกลายเป็นการทดสอบการถดถอยก่อนทุกครั้งที่ปล่อยงาน ซึ่งเป็นสิ่งที่คาดหวังจากเครื่องมือเฝ้าติดตาม ✦ ทำไมแผงนี้จึงถูกปักหมุดไว้ตลอด ✦ ทุกสิ่งที่พบแสดงค่าที่วัดได้ ไม่ใช่คำบอกความรุนแรงที่คลุมเครือ ✦ คำแนะนำอธิบายวิธีแก้ ไม่ใช่แค่บอกชื่อเกณฑ์ ✦ ทุกอย่างส่งออกได้ ไม่มีใครต้องประกอบรายงานด้วยมือ ✦ ตัวแผงเองผ่านการตรวจประเมินเดียวกันที่ระดับ WCAG 2.2 AA 🔒 เป็นส่วนตัวตั้งแต่การออกแบบ ทั้งเนื้อหาหน้าเว็บ ที่อยู่ และผลลัพธ์ ไม่มีอะไรออกจากเครื่องนี้ สแกนเนอร์ที่ไม่เรียกเครือข่ายจึงไปถึงที่ที่สแกนเนอร์บนคลาวด์ไม่มีวันเห็น ทั้งเครื่องทดสอบ อินทราเน็ต และบิลด์ภายใน ไม่ต้องมีบัญชี ไม่ต้องสมัคร ไม่ต้องต่อเน็ต 👥 สร้างมาเพื่อทั้งทีม นักพัฒนาที่เก็บกวาดก่อนรีวิวโค้ด นักออกแบบที่ตรวจการตัดสินใจเรื่องสี ทีม QA ที่รันการทดสอบการเข้าถึงภายในสปรินต์ เอเจนซีที่ผลิตเอกสารให้ลูกค้า และบรรณาธิการที่ตัดสินว่าหน้านี้ขึ้นได้หรือไม่ หน้าเว็บที่เรนเดอร์แล้วใช้ได้ทุกแบบ ⚡ สามขั้นตอนจนได้ผลงาน → กด Alt+Shift+A แล้วปล่อยให้การสแกนไล่ทั้งหน้า → ไล่รายการ หาองค์ประกอบ แก้ไข แล้วสแกนซ้ำ → ส่งออกรายงาน คำแถลง หรือตารางความสอดคล้อง ⚖ ซื่อตรงเรื่องข้อจำกัดของตัวเอง เครื่องมืออัตโนมัติเข้าถึงเกณฑ์ความสำเร็จของ WCAG ได้ราวหนึ่งในสาม และคะแนนทุกใบกับร่างทุกฉบับก็บอกเรื่องนี้ไว้ตรงหน้า จัดการสิ่งที่เครื่องตัดสินได้ให้เร็ว แล้วเก็บเวลาไว้ให้กับวิจารณญาณที่ไม่มีเครื่องมืออัตโนมัติใดทำแทนได้ นี่คือผู้ช่วยการตรวจประเมิน ไม่ใช่ใบรับรอง ⌨ พร้อมใช้ในสิบวินาที ปักหมุดส่วนขยาย เปิดหน้าไหนก็ได้ แล้วกด Alt+Shift+A ไม่มีขั้นตอนบิลด์ ไม่มีการแนะนำการใช้งาน ไม่มีนาฬิกาจับเวลาทดลอง แผงนี้พูดได้สิบห้าภาษา