Lighthouse-Bewertung der Barrierefreiheit

Die Lighthouse-Bewertung für Barrierefreiheit ist ein gewichteter Durchschnitt aller Prüfungen zur Barrierefreiheit. Die Gewichtung basiert auf Axe Nutzer Auswirkungsbewertungen.

Jede Prüfung der Barrierefreiheit ist entweder bestanden oder nicht bestanden. Im Gegensatz zu Leistungsaudits erhält eine Seite keine Punkte, wenn sie eine Prüfung zur Barrierefreiheit teilweise bestanden hat. Wenn beispielsweise einige Schaltflächen auf einer Seite barrierefreie Namen haben, andere aber nicht, erhält die Seite eine 0 für die Prüfung Schaltflächen haben keinen zugänglichen Namen.

In der folgenden Tabelle sehen Sie die Gewichtung der einzelnen Audits zur Barrierefreiheit. Stärkere Gewichtungen wirken sich stärker auf Ihre Bewertung aus. Manuelle Audits sind nicht in der Tabelle enthalten, da sie sich nicht auf Ihre Punktzahl auswirken.

Audit Gewicht
[accesskey]-Werte sind eindeutig 7
[aria-*]-Attribute entsprechen ihren Rollen 10
role="" zugewiesene Werte sind gültige ARIA-Rollen 1
button-, link- und menuitem-Elemente haben zugängliche Namen 7
Elemente mit role="dialog" oder role="alertdialog" haben zugängliche Namen 7
[aria-hidden="true"] ist im Dokument <body> nicht vorhanden 10
[aria-hidden="true"]-Elemente enthalten keine fokussierbaren Nachfolgerelemente 7
ARIA-Eingabefelder haben zugängliche Namen 7
ARIA meter-Elemente haben zugängliche Namen 7
ARIA progressbar-Elemente haben zugängliche Namen 7
[role]-Elemente haben alle erforderlichen [aria-*]-Attribute 10
Elemente mit einer ARIA-[role], für die untergeordnete Elemente eine bestimmte [role] enthalten müssen, haben alle erforderlichen untergeordneten Elemente 10
[role]-Elemente sind in ihrem erforderlichen übergeordneten Element enthalten 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 zugängliche Namen 7
ARIA treeitem-Elemente haben zugängliche Namen 7
[aria-*] Attribute haben gültige Werte 10
[aria-*]-Attribute sind gültig und nicht falsch geschrieben 10
Schaltflächen haben einen barrierefreien Namen 10
Die Seite enthält eine Überschrift, einen Link zum Überspringen oder einen Orientierungsbereich 7
Das Kontrastverhältnis von Hintergrund- und Vordergrundfarben ist ausreichend. 7
<dl>-Elemente enthalten nur richtig angeordnete Gruppen aus <dt> und <dd> sowie <script>-, <template>- oder <div>-Elemente. 7
Elemente der Definitionsliste sind in <dl>-Elemente eingefasst. 7
Dokument hat ein <title>-Element 7
[id]-Attribute für aktive, fokussierbare Elemente sind eindeutig 7
ARIA-IDs sind eindeutig 10
Kein Formularfeld hat 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 mit redundantem Text 1
Eingabeschaltflächen haben erkennbaren Text 10
<input type="image">-Elemente haben [alt]-Text 10
Elemente mit sichtbaren Textlabels haben übereinstimmende zugängliche Namen 7
Formularelemente sind mit Labels verknüpft 7
Links sind unterscheidbar, ohne dass Farben verwendet werden müssen 7
Links haben einen leicht erkennbaren Namen 7
Die 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
Das Dokument verwendet <meta http-equiv="refresh"> nicht 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-Elementen sind mit Label-Elementen verknüpft 7
Überspringen-Links sind fokussierbar 3
Kein Element hat einen [tabindex]-Wert größer als 0 7
Tabellen haben unterschiedliche Inhalte im Zusammenfassungsattribut und <caption> 1
In Tabellen wird <caption> anstelle von Zellen mit dem [colspan]-Attribut verwendet, um Untertitel anzugeben. 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 Tabellenzellen in derselben Tabelle 7
<th>-Elemente und Elemente mit [role="columnheader"/"rowheader"] haben Datenzellen, die sie beschreiben 7
[lang] Attribute haben einen gültigen Wert 7
<video>-Elemente enthalten ein <track>-Element mit [kind="captions"] 10