Halaman ini diterjemahkan oleh Cloud Translation API.

Pemberian skor aksesibilitas Lighthouse

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

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

Tabel berikut menunjukkan pembobotan untuk setiap audit aksesibilitas. Audit yang lebih berat memiliki pengaruh 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 ke `role=""` adalah peran ARIA yang valid	1
Elemen `button`, `link`, dan `menuitem` memiliki label aksesibilitas	7
Elemen dengan `role="dialog"` atau `role="alertdialog"` memiliki label aksesibilitas	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 label aksesibilitas	7
Elemen `meter` ARIA memiliki label aksesibilitas	7
Elemen `progressbar` ARIA memiliki label aksesibilitas	7
`[role]` memiliki semua atribut `[aria-*]` yang diperlukan	10
Elemen dengan `[role]` ARIA yang mewajibkan turunan berisi `[role]` tertentu memiliki semua turunan yang diperlukan	10
`[role]` dimuat oleh elemen induk yang diperlukan	10
Nilai `[role]` valid	7
Elemen dengan atribut `role=text` tidak memiliki turunan yang dapat difokuskan	7
Kolom tombol ARIA memiliki label aksesibilitas	7
Elemen `tooltip` ARIA memiliki label aksesibilitas	7
Elemen `treeitem` ARIA memiliki label aksesibilitas	7
Atribut `[aria-*]` memiliki nilai yang valid	10
Atribut `[aria-*]` valid dan tidak salah eja	10
Tombol memiliki label aksesibilitas	10
Halaman berisi judul, link lewati, atau wilayah tempat terkenal	7
Warna latar belakang dan latar depan memiliki rasio kontras yang memadai	7
`<dl>` hanya berisi grup `<dt>` dan `<dd>`, elemen `<script>`, `<template>`, atau `<div>` yang diurutkan dengan tepat	7
Item daftar definisi digabungkan dalam elemen `<dl>`	7
Dokumen memiliki elemen `<title>`	7
Atribut `[id]` pada elemen aktif yang dapat difokuskan bersifat 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 secara berurutan	3
Elemen `<html>` memiliki atribut `[lang]`	7
Elemen `<html>` memiliki nilai yang valid untuk atribut `[lang]` miliknya	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
`<input type="image">` elemen memiliki `[alt]` teks	10
Elemen dengan label teks yang terlihat memiliki label aksesibilitas yang cocok	7
Elemen formulir memiliki label terkait	7
Link dapat dibedakan tanpa bergantung pada warna	7
Link memiliki nama yang jelas	7
Daftar hanya berisi elemen `<li>` dan elemen pendukung skrip (`<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 tertentu 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
`<td>` elemen dalam `<table>` besar memiliki satu atau beberapa header tabel	10
Sel dalam elemen `<table>` yang menggunakan atribut `[headers]` merujuk pada sel tabel dalam tabel yang sama	7
`<th>` elemen dan elemen dengan `[role="columnheader"/"rowheader"]` memiliki sel data yang mereka deskripsikan	7
Atribut `[lang]` memiliki nilai yang valid	7
Elemen `<video>` berisi elemen `<track>` dengan `[kind="captions"]`	10