Für `<th>`-Elemente und Elemente mit `[role="columnheader"/"rowheader"]` sind Datenzellen vorhanden, die sie beschreiben.
![](/img/article/th-has-data-cells.jpg)
Die <th>
-Elemente und Elemente mit den Attributen [role="columnheader"
oder "rowheader"]
sind wichtig für die Erstellung gut strukturierter und zugänglicher Tabellen.
Tabellen werden oft verwendet, um Daten in einem rasterartigen Format mit Zeilen und Spalten anzuzeigen. Das <th>
-Element repräsentiert eine Zelle in einer Tabelle, die eine Überschrift enthält, die in der Regel in einer dickeren oder größeren Schrift als die Datenzellen in der Tabelle angezeigt wird. Die Attribute [role="columnheader"]
und [role="rowheader"]
können ebenfalls verwendet werden, um anzugeben, dass ein Element eine Überschrift enthält.
Durch die Verwendung von <th>
-Elementen und Elementen mit den Attributen [role="columnheader"
oder "rowheader"]
wird die semantische Struktur der Tabelle verbessert, was sowohl für Menschen als auch für Maschinen leichter verständlich macht. Dies ist insbesondere für Screenreader wichtig, die von Menschen mit Sehbehinderungen verwendet werden, um auf Inhalte im Web zuzugreifen.
Durch die Verwendung dieser Elemente können Screenreader den Benutzern die Überschriften beim Navigieren durch die Tabelle anzeigen und somit den Kontext für die Datenzellen bereitstellen. Dies ermöglicht es den Benutzern, die Beziehungen zwischen den Daten und den Überschriften zu verstehen und die Informationen in der Tabelle leichter zu verstehen und zu interpretieren.
Neben der Wichtigkeit für die Barrierefreiheit können <th>
-Elemente und Elemente mit den Attributen [role="columnheader"
oder "rowheader"]
auch die Benutzerfreundlichkeit von Tabellen für alle Benutzer verbessern. Zum Beispiel können Benutzer eine Tabelle leichter scannen und verstehen, wenn die Überschriften deutlich markiert und von den Datenzellen abgehoben sind.
Zusammenfassend sind <th>
-Elemente und Elemente mit den Attributen [role="columnheader"
oder "rowheader"]
wichtig für die Erstellung gut strukturierter und zugänglicher Tabellen. Durch die Verwendung dieser Elemente können Entwickler sicherstellen, dass ihre Tabellen für alle Benutzer verständlich und nutzbar sind, einschließlich solcher mit Sehbehinderungen.
Ähnliche Artikel:
`<video>`-Elemente enthalten ein `<track>`-Element mit `[kind="captions"]` Überschriftenelemente werden in einer fortlaufenden absteigenden Reihenfolge angezeigt `[role]`-Elemente sind ihren jeweils erforderlichen übergeordneten Elementen untergeordnet `[role]`-Werte sind gültig `<html>`-Element hat ein `[lang]`-Attribut `[user-scalable="no"]` wird nicht im `<meta name="viewport">`-Element verwendet und das `[maximum-scale]`-Attribut ist nicht kleiner als 5. Das `<html>`-Element hat einen gültigen Wert für sein `[lang]`-Attribut ARIA-IDs sind eindeutig Interactive elements indicate their purpose and state Für `<th>`-Elemente und Elemente mit `[role="columnheader"/"rowheader"]` sind Datenzellen vorhanden, die sie beschreiben.