Lighthouse-Bewertung der Barrierefreiheit
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Der Lighthouse-Score für die Barrierefreiheit ist ein gewichteter Durchschnitt aller Prüfungen zur Barrierefreiheit.
Die Gewichtung basiert auf Axe-User-Folgenabschätzungen.
Jede Prüfung der Barrierefreiheit entspricht den bestandenen bzw. nicht bestandenen Prüfungen.
Im Gegensatz zu Leistungsprüfungen erhält eine Seite keine Punkte für das teilweise Bestehen einer Prüfung zur Barrierefreiheit.
Wenn beispielsweise einige Schaltflächen auf einer Seite barrierefreie Namen haben, andere jedoch nicht, erhält die Seite eine 0 für die Prüfung Schaltflächen ohne Zugriffsberechtigung.
Die folgende Tabelle zeigt die Gewichtung der einzelnen Audits zur Barrierefreiheit.
Schwer gewichtete Audits haben einen größeren Einfluss auf Ihre Bewertung.
Manuelle Audits sind in der Tabelle nicht enthalten, da sie sich nicht auf Ihre Punktzahl auswirken.
Prüfen |
Gewicht |
[accesskey] -Werte sind eindeutig |
7 |
[aria-*] -Attribute entsprechen ihren Rollen |
10 |
Werte, die role="" zugewiesen sind, sind gültige ARIA-Rollen |
1 |
Die Elemente button , link und menuitem haben barrierefreie 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] s haben 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 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 zugängliche Namen |
7 |
ARIA-treeitem -Elemente haben zugängliche Namen |
7 |
Attribute vom Typ „[aria-*] “ 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 Sehenswürdigkeitenbereich. |
7 |
Hintergrund- und Vordergrundfarben haben ein ausreichendes Kontrastverhältnis. |
7 |
<dl> -Elemente enthalten nur richtig angeordnete Gruppen für <dt> und <dd> sowie <script> -, <template> - oder <div> -Elemente |
7 |
Listenelemente in einer Definition 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 |
Keine Formularfelder haben mehrere Labels |
3 |
<frame> - oder <iframe> -Elemente haben einen Titel |
7 |
Überschriftselemente werden in einer sequenziellen absteigenden Reihenfolge angezeigt |
3 |
Das <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 übereinstimmende barrierefreie Namen |
7 |
Formularelemente haben zugehörige Labels |
7 |
Glieder sind unterscheidbar, ohne auf Farbe angewiesen zu sein. |
7 |
Links haben einen 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 Attribut [maximum-scale] ist nicht kleiner als 5 |
10 |
<object> -Elemente haben alternativen Text |
7 |
Select-Elemente haben zugehörige label-Elemente. |
7 |
Überspringungslinks sind fokussierbar |
3 |
Kein Element hat einen [tabindex] -Wert größer als 0 |
7 |
Tabellen haben unterschiedliche Inhalte im Zusammenfassungsattribut und in <caption> |
1 |
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 haben einen gültigen Wert |
7 |
<video> -Elemente enthalten ein <track> -Element mit [kind="captions"] |
10 |
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2019-09-19 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Benötigte Informationen nicht gefunden"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Zu umständlich/zu viele Schritte"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Nicht mehr aktuell"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problem mit der Übersetzung"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problem mit Beispielen/Code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Sonstiges"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Leicht verständlich"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Mein Problem wurde gelöst"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Sonstiges"
}]
{"lastModified": "Zuletzt aktualisiert: 2019-09-19\u00a0(UTC)."}
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2019-09-19 (UTC)."],[],[]]