การให้คะแนนการช่วยเหลือพิเศษของ Lighthouse

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

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

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

ตรวจสอบ น้ำหนัก
ค่า [accesskey] ไม่ซ้ำกัน 7
แอตทริบิวต์ [aria-*] รายการตรงกับบทบาทของตน 10
ค่าที่กําหนดให้กับ role="" เป็นบทบาท ARIA ที่ถูกต้อง 1
องค์ประกอบ button, link และ menuitem มีชื่อสำหรับการช่วยเหลือพิเศษ 7
องค์ประกอบที่มี role="dialog" หรือ role="alertdialog" มีชื่อที่เข้าถึงได้ 7
ไม่มี [aria-hidden="true"] ปรากฏในเอกสาร <body> 10
องค์ประกอบ [aria-hidden="true"] ไม่มีองค์ประกอบสืบทอดที่โฟกัสได้ 7
ช่องป้อนข้อมูล ARIA มีชื่อสำหรับการช่วยเหลือพิเศษ 7
องค์ประกอบ ARIA meter มีชื่อสำหรับการช่วยเหลือพิเศษ 7
องค์ประกอบ ARIA progressbar มีชื่อสำหรับการช่วยเหลือพิเศษ 7
[role] มีแอตทริบิวต์ [aria-*] ที่จำเป็นทั้งหมด 10
องค์ประกอบที่มี ARIA [role] ที่กำหนดให้องค์ประกอบย่อยต้องมี [role] ที่เฉพาะเจาะจงมีองค์ประกอบย่อยที่จำเป็นทั้งหมด 10
[role] อยู่ในองค์ประกอบระดับบนสุดที่กำหนด 10
ค่า [role] ถูกต้อง 7
องค์ประกอบที่มีแอตทริบิวต์ role=text ไม่มีองค์ประกอบสืบทอดที่โฟกัสได้ 7
ช่องสลับ ARIA มีชื่อสำหรับการช่วยเหลือพิเศษ 7
องค์ประกอบ ARIA tooltip มีชื่อสำหรับการช่วยเหลือพิเศษ 7
องค์ประกอบ ARIA treeitem มีชื่อสำหรับการช่วยเหลือพิเศษ 7
แอตทริบิวต์ [aria-*] รายการมีค่าที่ถูกต้อง 10
แอตทริบิวต์ [aria-*] ถูกต้องและสะกดถูกต้อง 10
ปุ่มมีชื่อสำหรับการช่วยเหลือพิเศษ 10
หน้าเว็บมีส่วนหัว ลิงก์การข้าม หรือภูมิภาคของจุดสังเกต 7
สีพื้นหลังและสีพื้นหน้ามีอัตราส่วนคอนทราสต์ที่เพียงพอ 7
<dl> มีเพียงกลุ่ม <dt> และ <dd> องค์ประกอบ <script>, <template> หรือ <div> ที่เรียงลำดับอย่างถูกต้อง 7
รายการคำจำกัดความรวมอยู่ในองค์ประกอบ <dl> 7
เอกสารมีองค์ประกอบ <title> 7
แอตทริบิวต์ [id] ของเอลิเมนต์ที่โฟกัสได้และทำงานอยู่จะไม่ซ้ำกัน 7
รหัส ARIA ไม่ซ้ำกัน 10
ช่องแบบฟอร์มไม่มีป้ายกำกับหลายรายการ 3
องค์ประกอบ <frame> หรือ <iframe> มีชื่อ 7
องค์ประกอบส่วนหัวปรากฏตามลําดับจากมากไปน้อย 3
องค์ประกอบ <html> มีแอตทริบิวต์ [lang] 7
องค์ประกอบ <html> มีค่าที่ถูกต้องสำหรับแอตทริบิวต์ [lang] 7
องค์ประกอบ <html> มีแอตทริบิวต์ [xml:lang] ที่มีภาษาฐานเดียวกันกับแอตทริบิวต์ [lang] 3
องค์ประกอบรูปภาพมีแอตทริบิวต์ [alt] รายการ 10
องค์ประกอบรูปภาพไม่มีแอตทริบิวต์ [alt] ที่เป็นข้อความซ้ำซ้อน 1
ปุ่มอินพุตมีข้อความที่มองเห็นได้ชัดเจน 10
องค์ประกอบ <input type="image"> มีข้อความ [alt] รายการ 10
องค์ประกอบที่มีป้ายกำกับข้อความที่มองเห็นได้มีชื่อสำหรับการช่วยเหลือพิเศษที่ตรงกัน 7
องค์ประกอบแบบฟอร์มมีป้ายกำกับที่เชื่อมโยง 7
แยกความแตกต่างของลิงก์ได้โดยไม่ต้องใช้สี 7
ลิงก์มีชื่อที่แยกแยะได้ 7
รายการมีเพียงองค์ประกอบ <li> และองค์ประกอบที่รองรับสคริปต์ (<script> และ <template>) 7
รายการย่อย (<li>) อยู่ในองค์ประกอบระดับบนสุด <ul> <ol> หรือ <menu> 7
เอกสารไม่ได้ใช้ <meta http-equiv="refresh"> 10
ไม่มีการใช้ [user-scalable="no"] ในองค์ประกอบ <meta name="viewport"> และแอตทริบิวต์ [maximum-scale] ไม่น้อยกว่า 5 10
องค์ประกอบ <object> มีข้อความแสดงแทน 7
องค์ประกอบที่เลือกมีองค์ประกอบป้ายกำกับที่เกี่ยวข้อง 7
ลิงก์การข้ามสามารถโฟกัสได้ 3
ไม่มีองค์ประกอบที่มีค่า [tabindex] มากกว่า 0 7
ตารางมีเนื้อหาที่แตกต่างกันในแอตทริบิวต์สรุปและ <caption> 1
ตารางใช้ <caption> แทนเซลล์ที่มีแอตทริบิวต์ [colspan] ในการระบุคำบรรยาย 7
องค์ประกอบ <td> รายการใน <table> ขนาดใหญ่มีส่วนหัวตารางอย่างน้อย 1 รายการ 10
เซลล์ในองค์ประกอบ <table> ที่ใช้แอตทริบิวต์ [headers] อ้างอิงถึงเซลล์ของตารางภายในตารางเดียวกัน 7
องค์ประกอบ <th> และองค์ประกอบที่มี [role="columnheader"/"rowheader"] มีเซลล์ข้อมูลที่องค์ประกอบอธิบาย 7
แอตทริบิวต์ [lang] มีค่าที่ถูกต้อง 7
องค์ประกอบ <video> มีองค์ประกอบ <track> ที่มี [kind="captions"] 10