0

ผู้ตรวจสอบการเข้าถึง HTML

วาง HTML แบบ Raw และรับการตรวจสอบการเข้าถึง WCAG จริง: DOM Walker ที่สร้างขึ้นด้วยมือจะตรวจสอบรูปภาพ ป้ายกำกับแบบฟอร์ม ลำดับส่วนหัว และข้อความลิงก์ รวมถึงเครื่องคำนวณอัตราส่วนคอนทราสต์ความสว่างสัมพัทธ์ของแท้ที่ทำคะแนนเทียบกับเกณฑ์ AA/AAA จริง - ไม่มีไลบรารีภายนอก ไม่มีการส่งอะไรเลย

ตัวตรวจสอบความคมชัดแบบสแตนด์อโลน

ตรวจสอบคู่สีพื้นหน้า/พื้นหลังโดยตรง — hex, rgb(), hsl() หรือสีที่มีชื่อ เช่น 'tomato' ทั้งหมดนี้ใช้ได้

Buy Me a Coffee at ko-fi.com
กำลังประมวลผล... 0%
แยก HTML เป็น DOM จริง
เดินต้นไม้เพื่อตรวจ WCAG
การคำนวณอัตราส่วนคอนทราสต์
เสร็จแล้ว

ผลลัพธ์

การตรวจสอบการเข้าถึงที่รวดเร็วที่สุดคือการสแกนคำหลักแบบผิวเผินหรือไลบรารี่ขนาดใหญ่ที่คุณต้องเชื่อถือในฐานะกล่องดำ เครื่องมือนี้ใช้เส้นทางที่สาม: แยกวิเคราะห์ HTML ใดก็ตามที่คุณวางโดยใช้ DOMParser ในตัวของเบราว์เซอร์ — ไม่มี axe-core, ไม่มีไลบรารีการเข้าถึงภายนอก, ไม่ต้องดาวน์โหลดอะไรเลย — จากนั้นเดินตามแผนผัง DOM ผลลัพธ์พร้อมกับชุดเช็คที่เขียนด้วยลายมือที่สะท้อนรูปแบบความล้มเหลว WCAG 2.1 จริงทั่วไป นั่นหมายความว่าสามารถตรวจสอบตรรกะได้อย่างสมบูรณ์และการตรวจสอบจะทำงานภายในเบราว์เซอร์ของคุณทั้งหมด มาร์กอัปที่คุณวางและคู่สีใดๆ ที่คุณทดสอบ จะไม่มีการอัปโหลดหรือส่งไปที่ใดเลย

การตรวจสอบครอบคลุมถึงความล้มเหลวที่ปรากฏบ่อยที่สุดในเพจจริง: องค์ประกอบ <img> ที่ไม่มีแอตทริบิวต์ alt เลย (ความล้มเหลว WCAG ของแท้ แตกต่างจากการจงใจว่างเปล่า alt="" ซึ่งใช้สำหรับภาพตกแต่ง ซึ่งไม่ได้ติดธงอย่างถูกต้อง) การควบคุมแบบฟอร์มโดยไม่มีวิธีใดที่เทคโนโลยีอำนวยความสะดวกจะรู้ว่าสิ่งเหล่านี้มีไว้เพื่ออะไร (ตรวจสอบกับทุกเส้นทางจริงไปยังป้ายกำกับ — <label for> ที่ตรงกัน ถูกล้อมไว้ภายใน <label> หรือแอตทริบิวต์ aria-label/aria-labelledby) หัวข้อ ระดับที่กระโดดโดยไม่มีคำเตือน (<h1> ตรงไปยัง <h3> หรือเอกสารที่ไม่มี <h1> เลยหรือมากกว่าหนึ่งรายการ) ลิงก์ที่ไม่มี href หรือมีข้อความคลุมเครือและไม่อยู่ในบริบท เช่น "คลิกที่นี่" หรือ "อ่านเพิ่มเติม" และแอตทริบิวต์ lang หายไปเมื่อมีการวางเอกสาร HTML แบบเต็ม (ไม่ใช่แค่ส่วนย่อย)

ผลงานที่โดดเด่นคือคณิตศาสตร์ที่ตัดกันอย่างแท้จริง ไม่ใช่ฮิวริสติกแบบผิวเผินที่ 'ดูน่าอ่าน' สำหรับองค์ประกอบใดๆ ที่มีสีอินไลน์และสีพื้นหลัง เครื่องมือจะอ่านค่าทั้งสองค่า แก้ไขให้เป็นตัวเลข RGB จริงผ่านกลไก CSS ของเบราว์เซอร์ (ดังนั้น hex, rgb(), hsl() และสีที่มีชื่อ เช่น 'tomato' ทั้งหมดจะทำงานเหมือนกัน) และคำนวณความสว่างสัมพัทธ์ WCAG ที่แน่นอนสำหรับแต่ละช่อง — L = 0.2126×R + 0.7152×G + 0.0722×B ในทุกช่อง แก้ไขแกมมาก่อนโดยใช้เส้นโค้งการถ่ายโอน sRGB จริง — ก่อนที่จะรวมเข้ากับสูตรอัตราส่วนคอนทราสต์อย่างเป็นทางการ (L สว่างกว่า + 0.05) / (L เข้มขึ้น + 0.05) ขนาดแบบอักษรและน้ำหนักแบบอักษรขององค์ประกอบจะตัดสินว่าจะใช้เกณฑ์ 'ข้อความปกติ' ที่เข้มงวดกว่าหรือเกณฑ์ 'ข้อความขนาดใหญ่' ที่ผ่อนปรนมากกว่า (18pt+ หรือ 14pt+ ตัวหนา) และผลลัพธ์จะถูกตรวจสอบโดยเทียบกับหมายเลข WCAG จริงทั้ง 4 ตัวในคราวเดียว: 4.5:1 และ 3:1 สำหรับ AA, 7:1 และ 4.5:1 สำหรับ AAA — ไม่เคยยุบลงในคำตัดสินหลอกว่าดี/ไม่ดีแม้แต่คำเดียว

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