Lighthouse-Bewertung für Barrierefreiheit

Der Lighthouse-Faktor für Barrierefreiheit ist ein gewichteter Durchschnitt aller Prüfungen der Barrierefreiheit. Die Gewichtung basiert auf AXE-Nutzerwirkungsanalysen.

Jedes Barrierefreiheitsaudit ist bestanden oder nicht bestanden. Im Gegensatz zu Leistungsprüfungen erhält eine Seite keine Punkte, wenn sie eine Barrierefreiheitsprüfung nur teilweise besteht. Wenn beispielsweise einige Schaltflächen auf einer Seite für Screenreader zugängliche Namen haben, andere jedoch nicht, erhält die Seite für den Audit „Schaltflächen haben keinen für Screenreader zugänglichen Namen“ die Punktzahl 0.

In der folgenden Tabelle sehen Sie die Gewichtung für die einzelnen Barrierefreiheitsprüfungen. Stärker gewichtete Prüfungen haben einen größeren Einfluss auf Ihr Ergebnis. Manuelle Audits und Audits mit geringen Auswirkungen / Best Practices 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
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 in dem Dokument <body> nicht vorhanden 10
[aria-hidden="true"]-Elemente enthalten keine fokussierbaren untergeordneten Elemente 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 weisen alle erforderlichen [aria-*]-Attribute auf 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 10
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 weisen gültige Werte auf 10
[aria-*]-Attribute sind gültig und richtig geschrieben 10
Schaltflächen haben einen für Screenreader zugänglichen Namen 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
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
Eingabeschaltflächen haben erkennbaren Text 10
<input type="image">-Elemente haben [alt]-Text 10
Elemente mit sichtbaren Textlabels haben passende barrierefreie Namen 7
Formularelemente sind mit Labels verknüpft 10
Das Dokument sollte eine Hauptmarkierung haben. 3
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
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-Elemente haben zugehörige label-Elemente 10
Sprunglinks sind fokussierbar 3
Kein Element hat einen [tabindex]-Wert größer als 0 7
Tabellen verwenden <caption> anstelle von Zellen mit dem [colspan]-Attribut, 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 Attribut [headers] verwenden, verweisen auf Tabellenzellen in derselben Tabelle 7
<th>-Elemente und Elemente mit [role="columnheader"/"rowheader"] haben Datenzellen, die sie beschreiben 7
[lang]-Attribute weisen einen gültigen Wert auf 7
<video>-Elemente enthalten ein <track>-Element mit [kind="captions"] 10