Skor aksesibilitas Lighthouse

Skor Aksesibilitas Lighthouse adalah rata-rata tertimbang dari semua audit aksesibilitas. Penetapan bobot didasarkan pada penilaian dampak pengguna AXE.

Setiap audit aksesibilitas akan lulus atau gagal. Tidak seperti Audit performa, halaman tidak mendapatkan poin karena lulus sebagian audit aksesibilitas. Misalnya, jika beberapa tombol di halaman memiliki nama yang dapat diakses, tetapi yang lain tidak, halaman tersebut akan mendapatkan skor 0 untuk audit Tombol tidak memiliki nama yang dapat diakses.

Tabel berikut menunjukkan pembobotan untuk setiap audit aksesibilitas. Audit yang berbobot lebih tinggi akan memberikan efek yang lebih besar pada skor Anda. Audit manual dan audit praktik terbaik / berdampak rendah tidak disertakan dalam tabel karena tidak memengaruhi skor Anda.

Audit Berat
Nilai [accesskey] bersifat unik 7
Atribut [aria-*] cocok dengan perannya 10
Elemen button, link, dan menuitem memiliki nama yang dapat diakses 7
Elemen dengan role="dialog" atau role="alertdialog" memiliki nama yang dapat diakses 7
[aria-hidden="true"] tidak ada di dokumen <body> 10
Elemen [aria-hidden="true"] tidak memuat turunan yang dapat difokuskan 7
Kolom masukan ARIA memiliki nama yang dapat diakses 7
Elemen meter ARIA memiliki nama yang dapat diakses 7
Elemen progressbar ARIA memiliki nama yang dapat diakses 7
[role] memiliki semua atribut [aria-*] yang diperlukan 10
Elemen dengan [role] ARIA yang mewajibkan turunannya berisi [role] tertentu memiliki semua turunan yang diperlukan 10
[role] dimuat oleh elemen induk wajibnya 10
Nilai [role] valid 10
Elemen dengan atribut role=text tidak memiliki turunan yang dapat difokuskan 7
Kolom beralih ARIA memiliki nama yang dapat diakses 7
Elemen tooltip ARIA memiliki nama yang dapat diakses 7
Elemen treeitem ARIA memiliki nama yang dapat diakses 7
Atribut [aria-*] memiliki nilai yang valid 10
Atribut [aria-*] valid dan tidak salah eja 10
Tombol memiliki nama yang dapat diakses 10
Halaman ini memuat judul, link lewati, atau wilayah landmark 7
Warna latar belakang dan latar depan memiliki rasio kontras yang cukup 7
<dl> hanya memuat grup <dt> dan <dd>, <script>, <template>, atau elemen <div> yang diurutkan dengan tepat 7
Item daftar definisi tergabung dalam elemen <dl> 7
Dokumen memiliki elemen <title> 7
Atribut [id] pada elemen aktif yang dapat difokuskan unik 7
ID ARIA unik 10
Tidak ada kolom formulir yang memiliki beberapa label 3
Elemen <frame> atau <iframe> memiliki judul 7
Elemen judul muncul dalam urutan menurun yang berurutan 3
Elemen <html> memiliki atribut [lang] 7
Elemen <html> memiliki nilai yang valid untuk atribut [lang]-nya 7
Elemen <html> memiliki atribut [xml:lang] dengan bahasa dasar yang sama dengan atribut [lang] 3
Elemen gambar memiliki atribut [alt] 10
Tombol input memiliki teks yang jelas 10
Elemen <input type="image"> memiliki teks [alt] 10
Elemen dengan label teks yang terlihat memiliki label aksesibilitas yang cocok 7
Elemen formulir memiliki label terkait 10
Dokumen harus memiliki satu penanda utama 3
Link dapat dibedakan tanpa bergantung pada warna 7
Link memiliki nama yang dapat dikenali 7
Daftar hanya memuat elemen <li> dan skrip yang mendukung elemen (<script> dan <template>) 7
Item daftar (<li>) dimuat dalam elemen induk <ul>, <ol>, atau <menu> 7
Dokumen tidak menggunakan <meta http-equiv="refresh"> 10
[user-scalable="no"] tidak digunakan dalam elemen <meta name="viewport"> dan atribut [maximum-scale] tidak kurang dari 5 10
Elemen <object> memiliki teks alternatif 7
Elemen "select" memiliki elemen label terkait 10
Link lewati dapat difokuskan 3
Tidak ada elemen yang memiliki nilai [tabindex] lebih besar dari 0 7
Tabel menggunakan <caption>, bukan sel dengan atribut [colspan], untuk menunjukkan teks 7
Elemen <td> dalam <table> besar memiliki satu atau beberapa header tabel 10
Sel dalam elemen <table> yang menggunakan atribut [headers] merujuk ke sel tabel dalam tabel yang sama 7
Elemen <th> dan elemen dengan [role="columnheader"/"rowheader"] memiliki sel data yang dideskripsikannya 7
Atribut [lang] memiliki nilai yang valid 7
Elemen <video> berisi elemen <track> dengan [kind="captions"] 10