Lighthouse-Bewertung für Barrierefreiheit

Der Lighthouse-Wert für die Barrierefreiheit ist ein gewichteter Durchschnitt aller Bewertungen der Barrierefreiheit. Die Gewichtung basiert auf Bewertungen der Auswirkungen auf Nutzer.

Jede Prüfung der Barrierefreiheit hat ein positives oder negatives Ergebnis. Im Gegensatz zu Leistungsaudits erhält eine Seite keine Punkte, wenn sie eine Prüfung der Barrierefreiheit teilweise besteht. Wenn einige Schaltflächen auf einer Seite beispielsweise für Screenreader zugängliche Namen haben, andere aber nicht, erhält die Seite für die Prüfung Schaltflächen haben keinen für Screenreader zugänglichen Namen die Note 0.

In der folgenden Tabelle sehen Sie die Gewichtung für jede Prüfung der Barrierefreiheit. Prüfungen mit höherer Gewichtung haben einen größeren Einfluss auf Ihren Wert. Manuelle Prüfungen sind nicht in der Tabelle enthalten, da sie sich nicht auf Ihren Wert auswirken.

Audit Gewicht
[accesskey]-Werte sind eindeutig 7
[aria-*]-Attribute entsprechen ihren Rollen 10
Werte, die „role=""“ zugewiesen sind, sind gültige ARIA-Rollen. 1
button-, link- und menuitem-Elemente haben zugängliche Namen 7
Elemente mit role="dialog" oder role="alertdialog" haben barrierefreie Namen. 7
[aria-hidden="true"] ist im Dokument <body> nicht vorhanden 10
[aria-hidden="true"]-Elemente enthalten keine fokussierbaren Unterelemente 7
ARIA-Eingabefelder haben zugängliche Namen 7
ARIA-meter-Elemente haben barrierefreie Namen 7
ARIA-progressbar-Elemente haben barrierefreie Namen 7
[role]-Elemente verfügen über alle erforderlichen [aria-*]-Attribute 10
Elemente mit einer ARIA-[role], deren untergeordnete Elemente eine bestimmte [role] enthalten müssen, haben alle erforderlichen untergeordneten Elemente. 10
[role]-Elemente sind ihren jeweils erforderlichen übergeordneten Elementen untergeordnet 10
[role]-Werte sind gültig 7
Elemente mit dem Attribut „role=text“ haben keine fokussierbaren Nachfolgerelemente. 7
ARIA-Ein-/Aus-Schaltflächen haben zugängliche Namen 7
ARIA-tooltip-Elemente haben barrierefreie Namen 7
ARIA-treeitem-Elemente haben barrierefreie Namen 7
[aria-*]-Attribute weisen gültige Werte auf 10
[aria-*]-Attribute sind gültig und nicht falsch geschrieben. 10
Die Namen der Schaltflächen sind für Screenreader zugänglich 10
Die Seite enthält eine Überschrift, einen Link zum Überspringen oder einen Landmark-Bereich 7
Das Kontrastverhältnis von Hintergrund- und Vordergrundfarben ist ausreichend. 7
<dl>-Elemente enthalten nur richtig angeordnete Gruppen aus <dt>- und <dd>-Elementen sowie <script>-, <template>- oder <div>-Elemente. 7
Definitionslistenelemente sind in <dl>-Elemente eingefasst 7
Dokument enthält ein <title>-Element 7
[id]-Attribute zu aktiven, fokussierbaren Elementen sind eindeutig 7
ARIA-IDs sind eindeutig 10
Keine Formularfelder haben mehrere Labels. 3
<frame>- oder <iframe>-Elemente haben einen Titel 7
Überschriftenelemente werden in einer fortlaufenden absteigenden Reihenfolge angezeigt 3
<html>-Element hat ein [lang]-Attribut 7
Das <html>-Element hat einen gültigen Wert für sein [lang]-Attribut. 7
Das <html>-Element hat ein [xml:lang]-Attribut mit derselben Basissprache wie das [lang]-Attribut. 3
Bildelemente haben [alt]-Attribute 10
Bildelemente haben keine [alt]-Attribute, bei denen es sich um redundanten Text handelt. 1
Eingabeschaltflächen haben erkennbaren Text. 10
<input type="image">-Elemente haben [alt]-Text 10
Elemente mit sichtbarem Textlabel haben passende barrierefreie Namen. 7
Formularelemente sind mit Labels verknüpft 7
Links sind ohne Farbe erkennbar. 7
Links haben einen leicht erkennbaren Namen 7
Listen enthalten nur <li>-Elemente und Elemente zur Skriptunterstützung (<script> und <template>). 7
Listenelemente (<li>) befinden sich in übergeordneten <ul>-, <ol>- oder <menu>-Elementen 7
Im Dokument wird <meta http-equiv="refresh"> nicht verwendet 10
[user-scalable="no"] wird nicht im <meta name="viewport">-Element verwendet und das [maximum-scale]-Attribut ist nicht kleiner als 5. 10
<object>-Elemente haben alternativen Text 7
Select-Elemente haben zugehörige label-Elemente. 7
Überspring-Links sind fokussierbar 3
Kein Element hat einen [tabindex]-Wert größer als 0. 7
Tabellen haben unterschiedliche Inhalte im Zusammenfassungsattribut und in <caption>. 1
In Tabellen wird <caption> anstelle von Zellen mit dem [colspan]-Attribut für Untertitel verwendet. 7
<td>-Elemente in einer großen <table> haben eine oder mehrere Tabellenüberschriften. 10
Zellen in einem <table>-Element, die das [headers]-Attribut verwenden, verweisen auf Zellen in derselben Tabelle. 7
Für <th>-Elemente und Elemente mit [role="columnheader"/"rowheader"] sind Datenzellen vorhanden, die sie beschreiben. 7
[lang]-Attribute weisen einen gültigen Wert auf 7
<video>-Elemente enthalten ein <track>-Element mit [kind="captions"] 10