Diese Seite wurde von der Cloud Translation API übersetzt.

Lighthouse-Bewertung für Barrierefreiheit

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 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 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.

In der folgenden Tabelle sehen Sie die Gewichtung für jede Prüfung der Barrierefreiheit. Prüfungen mit höherer Gewichtung wirken sich stärker auf Ihren Wert aus. Manuelle Audits sind in der Tabelle nicht enthalten, da sie sich nicht auf Ihre Punktzahl 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 barrierefreie 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 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 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 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
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
Listenelemente in einer Definition sind in `<dl>`-Elemente eingefasst	7
Dokument enthält 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
`<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 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
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 haben einen gültigen Wert	7
`<video>`-Elemente enthalten ein `<track>`-Element mit `[kind="captions"]`	10