Halaman ini diterjemahkan oleh Cloud Translation API.

Skor aksesibilitas Lighthouse

Skor Aksesibilitas Lighthouse adalah rata-rata tertimbang dari semua audit aksesibilitas. Bobot didasarkan pada penilaian dampak pengguna axe.

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

Tabel berikut menunjukkan bobot untuk setiap audit aksesibilitas. Audit yang berbobot lebih tinggi akan memiliki efek yang lebih besar pada skor Anda. Audit manual tidak disertakan dalam tabel karena tidak memengaruhi skor Anda.

Audit	Berat
Nilai `[accesskey]` bersifat unik	7
Atribut `[aria-*]` cocok dengan perannya	10
Nilai yang ditetapkan untuk `role=""` adalah peran ARIA yang valid	1
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 berisi turunan yang dapat difokuskan	7
Kolom input 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	7
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 berisi judul, link lewati, atau wilayah landmark	7
Warna latar belakang dan latar depan memiliki rasio kontras yang memadai	7
`<dl>` hanya memuat grup `<dt>` dan `<dd>`, elemen `<script>`, `<template>`, atau `<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
Elemen gambar tidak memiliki atribut `[alt]` yang merupakan teks berlebihan	1
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 yang terkait	7
Link dapat dibedakan tanpa bergantung pada warna	7
Link memiliki nama yang dapat dikenali	7
Daftar hanya berisi 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	7
Link lewati dapat difokuskan	3
Tidak ada elemen yang memiliki nilai `[tabindex]` lebih besar dari 0	7
Tabel memiliki konten yang berbeda di atribut ringkasan dan `<caption>`	1
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 dideskripsikan	7
Atribut `[lang]` memiliki nilai yang valid	7
Elemen `<video>` berisi elemen `<track>` dengan `[kind="captions"]`	10