Skip to content

Commit

Permalink
chore(de): retranslate Web/Accessibility/ARIA/Roles/table_role
Browse files Browse the repository at this point in the history
Machine translation from English using gpt-4o-2024-11-20.

Source: https://github.com/mdn/content/tree/c872bb2ac414de62c71f140abd435bb7f89f1648

System prompt:

```md
You are tasked with translating MDN Web Docs content from English to German.

Ensure that the translation is accurate, preserves technical terminology, and follows the rules provided below.

1. Format:

   - The input is a Markdown file.
   - The output should be a Markdown file.
   - Return the raw output, without wrapping it in a Markdown code block.
   - Keep GFM alert syntax untranslated, such as `> [!NOTE]`, `> [!WARNING]`, and `> [!CALLOUT]`.
   - If the input contains HTML tags wrapped in backticks (e.g. `<video>`), make sure they are wrapped in the output.

2. Language:

   - Prefer formal language ("Sie") over informal language ("du").

3. Code blocks:

   - Do not translate code blocks.
   - Do not translate terms wrapped in backticks.

4. Macro calls:

   - MDN uses macros for dynamic content insertion. These macros must remain **unchanged** and not translated.
   - Macro calls start with `{{`, followed by the macro name, optional parameters, and end with `}}`.
   - Avoid invalid macro calls by ensuring curly braces, parentheses, and quotes are closed properly.

5. Technical terms and code snippets in text:

   - Keep technical terms like element names, attributes, and method names in **English**. Only translate the surrounding descriptive text.

6. Links and References:

   - Translate link descriptions, but keep the URLs and their structure intact.
   - Do not change the locale in URLs.

7. Glossary:

   - "Browser compatibility" => "Browser-Kompatibilität"
   - "Guide" => "Leitfaden"
   - "How to" => "Anleitung"

Translate the following Markdown content from **English** to **German** while adhering to the rules above.
```
  • Loading branch information
caugner committed Dec 19, 2024
1 parent b3e25eb commit 8fb10d2
Showing 1 changed file with 26 additions and 26 deletions.
52 changes: 26 additions & 26 deletions files/de/web/accessibility/aria/roles/table_role/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ l10n:

{{AccessibilitySidebar}}

Der `table`-Wert des ARIA-Attributs `role` identifiziert das Element mit der Rolle als Struktur einer nicht interaktiven Tabelle, die Daten in Zeilen und Spalten ähnlich dem nativen {{HTMLElement('table')}} HTML-Element enthält.
Der `table`-Wert des ARIA-`role`-Attributs identifiziert das Element, das die Rolle einer nicht interaktiven Tabellenstruktur hat, die Daten in Zeilen und Spalten anordnet, ähnlich wie das native {{HTMLElement('table')}}-HTML-Element.

```html
<div
Expand Down Expand Up @@ -47,47 +47,47 @@ Der `table`-Wert des ARIA-Attributs `role` identifiziert das Element mit der Rol

## Beschreibung

Ein Element mit `role="table"` ist eine statische tabellarische Struktur mit Zeilen, die Zellen enthalten. Die Zellen sind nicht fokussierbar oder auswählbar, obwohl Widgets in einzelnen Zellen der Tabelle interaktiv sein können. Die Verwendung eines nativen HTML-{{HTMLElement('table')}}-Elements ist wann immer möglich dringend empfohlen.
Ein Element mit `role="table"` ist eine statische tabellarische Struktur mit Zeilen, die Zellen enthalten. Die Zellen sind weder fokussierbar noch auswählbar, allerdings können Widgets innerhalb einzelner Zellen der Tabelle interaktiv sein. Es wird dringend empfohlen, wann immer möglich ein natives HTML-{{HTMLElement('table')}}-Element zu verwenden.

> [!WARNING]
> Wenn eine Tabelle einen Auswahzustand beibehält, eine zweidimensionale Navigation hat oder es dem Benutzer ermöglicht, die Reihenfolge der Zellen zu ändern, verwenden Sie stattdessen [`grid`](/de/docs/Web/Accessibility/ARIA/Roles/grid_role) oder [`treegrid`](/de/docs/Web/Accessibility/ARIA/Roles/treegrid_role).
> Wenn eine Tabelle einen Auswahlstatus beibehält, eine zweidimensionale Navigation hat oder es dem Benutzer ermöglicht wird, die Reihenfolge der Zellen neu anzuordnen, verwenden Sie stattdessen [`grid`](/de/docs/Web/Accessibility/ARIA/Roles/grid_role) oder [`treegrid`](/de/docs/Web/Accessibility/ARIA/Roles/treegrid_role).
Um eine ARIA-Tabelle zu erstellen, fügen Sie dem Containerelement `role="table"` hinzu. Innerhalb dieses Containers hat jede Zeile `role="row"` eingestellt und enthält Kindzellen. Jede Zelle hat eine Rolle von entweder `columnheader`, `rowheader` oder `cell`. Zeilen können Kinder der Tabelle oder innerhalb einer `rowgroup` sein.
Um eine ARIA-Tabelle zu erstellen, fügen Sie `role="table"` zum Container-Element hinzu. Innerhalb dieses Containers hat jede Zeile `role="row"` gesetzt und enthält Kinderzellen. Jede Zelle hat entweder die Rolle `columnheader`, `rowheader` oder `cell`. Zeilen können Kinder der Tabelle sein oder innerhalb einer `rowgroup`.

Die Tabellenbeschriftung kann über [`aria-labelledby`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) oder [`aria-label`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-label) definiert werden. Alle anderen semantischen Tabellenelemente wie {{HTMLElement('tbody')}}, {{HTMLElement('thead')}}, {{HTMLElement('tr')}}, {{HTMLElement('th')}} und {{HTMLElement('td')}} müssen über zugehörige Rollen wie `rowgroup`, `row`, `columnheader` und `cell` hinzugefügt werden.
Die Tabellenüberschrift kann über [`aria-labelledby`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) oder [`aria-label`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-label) definiert werden. Alle anderen semantischen Tabellenelemente, wie {{HTMLElement('tbody')}}, {{HTMLElement('thead')}}, {{HTMLElement('tr')}}, {{HTMLElement('th')}} und {{HTMLElement('td')}} müssen über zugehörige Rollen wie `rowgroup`, `row`, `columnheader` und `cell` hinzugefügt werden.

Wenn die Tabelle sortierbare Spalten oder Zeilen enthält, sollte das Attribut [`aria-sort`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-sort) auf das Zellenkopf-Element (nicht auf der Tabelle selbst) hinzugefügt werden. Wenn Zeilen oder Spalten versteckt sind, sollten [`aria-colcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colcount) oder [`aria-rowcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount) enthalten sein, um die Gesamtanzahl der Spalten oder Zeilen anzugeben, zusammen mit [`aria-colindex`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colindex) oder [`aria-rowindex`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowindex) auf jeder Zelle. Die [`aria-colindex`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colindex) oder [`aria-rowindex`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowindex) wird auf die Position einer Zelle innerhalb der Reihe oder Spalte gesetzt. Wenn die Tabelle Zellen enthält, die mehrere Reihen oder mehrere Spalten überspannen, dann sollten auch [`aria-rowspan`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowspan) oder [`aria-colspan`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colspan) hinzugefügt werden. Es ist jedoch wesentlich einfacher, das {{HTMLElement('table')}}-Element zu verwenden, zusammen mit allen zugehörigen semantischen Elementen und Attributen, die von allen unterstützenden Technologien unterstützt werden.
Wenn die Tabelle sortierbare Spalten oder Zeilen enthält, sollte das [`aria-sort`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-sort)-Attribut auf dem Header-Zellenelement hinzugefügt werden (nicht der Tabelle selbst). Wenn Zeilen oder Spalten verborgen sind, sollten [`aria-colcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colcount) oder [`aria-rowcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount) enthalten sein, die die Gesamtanzahl der Spalten oder Zeilen angeben, zusammen mit [`aria-colindex`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colindex) oder [`aria-rowindex`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowindex) auf jeder Zelle. Die Attribute [`aria-colindex`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colindex) oder [`aria-rowindex`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowindex) sind auf die Position einer Zelle innerhalb der Zeile oder Spalte gesetzt. Wenn die Tabelle Zellen enthält, die sich über mehrere Zeilen oder mehrere Spalten erstrecken, sollten [`aria-rowspan`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowspan) oder [`aria-colspan`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colspan) ebenfalls enthalten sein. Es ist viel einfacher, das {{HTMLElement('table')}}-Element zusammen mit all den damit verbundenen semantischen Elementen und Attributen zu verwenden, die von allen assistiven Technologien unterstützt werden.

Um ein interaktives Widget mit einer tabellarischen Struktur zu erstellen, verwenden Sie stattdessen das `grid`-Muster. Wenn die Interaktion den Auswahzustand einzelner Zellen ermöglicht, wenn eine Navigation von links nach rechts und oben nach unten bereitgestellt wird oder wenn die Benutzeroberfläche das Neuanordnen der Zellenreihenfolge oder das Ändern der Reihenfolge einzelner Zellen, wie z.B. durch Drag & Drop, ermöglicht, verwenden Sie [`grid`](/de/docs/Web/Accessibility/ARIA/Roles/grid_role) oder [`treegrid`](/de/docs/Web/Accessibility/ARIA/Roles/treegrid_role) anstelle.
Um ein interaktives Widget mit tabellarischer Struktur zu erstellen, verwenden Sie stattdessen das `grid`-Muster. Wenn die Interaktion den Auswahlstatus einzelner Zellen ermöglicht, wenn die Navigation von links nach rechts und von oben nach unten bereitgestellt wird oder wenn das Benutzerinterface das Neuordnen der Zellreihenfolge erlaubt oder anderweitig die Reihenfolge einzelner Zellen ändert, wie durch Drag and Drop, verwenden Sie [`grid`](/de/docs/Web/Accessibility/ARIA/Roles/grid_role) oder [`treegrid`](/de/docs/Web/Accessibility/ARIA/Roles/treegrid_role) stattdessen.

> [!NOTE]
> Die Verwendung eines nativen HTML-Tabellenelements wird wann immer möglich dringend empfohlen.
> Es wird stark empfohlen, wann immer möglich ein natives HTML-Tabellenelement zu verwenden.
### Zugehörige WAI-ARIA Rollen, Zustände und Eigenschaften
### Zugehörige WAI-ARIA-Rollen, Zustände und Eigenschaften

- `role="rowgroup"`
- : Ein optionales Kind der Tabelle, die Zeilengruppe umfasst eine Gruppe von Zeilen, ähnlich wie {{HTMLElement('thead')}}, {{HTMLElement('tbody')}} und {{HTMLElement('tfoot')}}.
- : Ein optionales Kindelement der Tabelle, die Zeilengruppe umfasst eine Gruppe von Zeilen, ähnlich wie {{HTMLElement('thead')}}, {{HTMLElement('tbody')}} und {{HTMLElement('tfoot')}}.
- [`role="row"`](/de/docs/Web/Accessibility/ARIA/Roles/row_role)
- : Eine Zeile innerhalb der Tabelle und optional innerhalb einer rowgroup, die eine oder mehrere Zellen, Spaltenköpfe oder Zeilenköpfe enthält.
- [`aria-describedby`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) Attribut
- : Eine Zeile innerhalb der Tabelle und optional innerhalb einer Zeilengruppe, die eine oder mehrere Zellen, Spaltenköpfe oder Zeilenköpfe enthält.
- [`aria-describedby`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-describedby)-Attribut
- : Nimmt als Wert die ID des Elements, das als Beschreibung für die Tabelle dient.
- [`aria-label`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-label) Attribut
- : Das [`aria-label`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-label) bietet einen zugänglichen Namen für die Tabelle.
- [`aria-colcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colcount) Attribut
- : Diese Attribut ist nur erforderlich, wenn die Spalten nicht ständig im DOM vorhanden sind. Es liefert eine explizite Angabe der Anzahl der Spalten in der vollständigen Tabelle. Setzen Sie den Wert auf die Gesamtanzahl der Spalten in der vollständigen Tabelle. Wenn unbekannt, setzen Sie `aria-colcount="-1"`.
- [`aria-rowcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount) Attribut
- : Diese Attribut ist nur erforderlich, wenn die Reihen nicht ständig im DOM vorhanden sind, wie z.B. scrollbare Tabellen, die Reihen wiederverwenden, um die Anzahl der DOM-Knoten zu minimieren. Es liefert eine explizite Angabe der Anzahl der Reihen in der vollständigen Tabelle. Setzen Sie den Wert auf die Gesamtanzahl der Reihen in der vollständigen Tabelle. Wenn unbekannt, setzen Sie `aria-rowcount="-1"`.
- [`aria-label`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-label)-Attribut
- : Das [`aria-label`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-label) bietet einen barrierefreien Namen für die Tabelle.
- [`aria-colcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-colcount)-Attribut
- : Dieses Attribut ist nur erforderlich, wenn die Spalten nicht permanent im DOM vorhanden sind. Es bietet eine explizite Angabe der Anzahl von Spalten in der vollständigen Tabelle. Setzen Sie den Wert auf die Gesamtanzahl von Spalten in der vollständigen Tabelle. Wenn unbekannt, setzen Sie `aria-colcount="-1"`.
- [`aria-rowcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount)-Attribut
- : Dieses Attribut ist nur erforderlich, wenn die Zeilen nicht permanent im DOM vorhanden sind, wie bei scrollbaren Tabellen, die Zeilen wiederverwenden, um die Anzahl der DOM-Knoten zu minimieren. Es bietet eine explizite Angabe der Anzahl an Zeilen in der vollständigen Tabelle. Setzen Sie den Wert auf die Gesamtanzahl von Zeilen in der vollständigen Tabelle. Wenn unbekannt, setzen Sie `aria-rowcount="-1"`.

### Tastaturinteraktionen

Keine

### Erforderliche JavaScript-Funktionen
### Erforderliche JavaScript-Features

Keine. Für sortierbare Spalten, siehe die [columnheader](/de/docs/Web/Accessibility/ARIA/Roles/columnheader_role) aria Rolle.
Keine. Für sortierbare Spalten siehe die [columnheader](/de/docs/Web/Accessibility/ARIA/Roles/columnheader_role) aria-Rolle.

> [!NOTE]
> Die erste Regel der ARIA-Verwendung ist, wenn Sie eine native Funktion mit den benötigten Semantiken und Verhaltensweisen, die bereits eingebaut sind, verwenden können, anstatt ein Element neu zu zuweisen und eine ARIA-Rolle, -Zustand oder -Eigenschaft hinzuzufügen, um es zugänglich zu machen, dann tun Sie dies. Verwenden Sie das HTML {{HTMLElement('table')}}-Element anstelle der ARIA-Rolle `table` wann immer möglich.
> Die erste Regel bei der Verwendung von ARIA ist: Wenn Sie ein natives Feature mit den benötigten Semantiken und Verhaltensweisen, das bereits integriert ist, verwenden können, anstatt ein Element neu zu nutzen und ihm **eine** ARIA-Rolle, einen Zustand oder eine Eigenschaft hinzuzufügen, um es zugänglich zu machen, dann tun Sie dies. Verwenden Sie das HTML-{{HTMLElement('table')}}-Element anstelle der ARIA-Tabelle, wann immer möglich.
## Beispiele

Expand Down Expand Up @@ -127,11 +127,11 @@ Keine. Für sortierbare Spalten, siehe die [columnheader](/de/docs/Web/Accessibi
</div>
```

Das Obige ist Teil einer Tabelle. Obwohl die vollständige Tabelle 81 Einträge hat, wie durch die [`aria-rowcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount) Eigenschaft angegeben, sind derzeit nur vier sichtbar. Die Spalten sind sortierbar, aber momentan nicht sortiert, wie durch die [`aria-sort`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-sort) Eigenschaft auf den Spaltenköpfen angezeigt.
Das obige ist Teil einer Tabelle. Während die vollständige Tabelle 81 Einträge hat, wie durch die [`aria-rowcount`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount)-Eigenschaft angegeben, sind momentan nur vier sichtbar. Die Spalten sind sortierbar, aber derzeit nicht sortiert, wie durch die [`aria-sort`](/de/docs/Web/Accessibility/ARIA/Attributes/aria-sort)-Eigenschaft auf den Spaltenköpfen angezeigt.

## Beste Praktiken

Verwenden Sie nur {{HTMLElement('table')}}, {{HTMLElement('tbody')}}, {{HTMLElement('thead')}}, {{HTMLElement('tr')}}, {{HTMLElement('th')}}, {{HTMLElement('td')}} usw. für die Struktur von Datentabellen. Sie können diese ARIA-Rollen hinzufügen, um die Barrierefreiheit zu gewährleisten, falls die nativen Semantiken der Tabelle entfernt werden, z.B. durch CSS. Ein relevanter Anwendungsfall für die ARIA-Tabellenrolle ist, wenn das CSS-Display-Property die nativen Semantiken einer Tabelle überschreibt, wie z.B. durch `display: grid`. In diesem Fall können Sie die ARIA-Tabellenrollen verwenden, um die Semantiken wieder hinzuzufügen.
Verwenden Sie nur {{HTMLElement('table')}}, {{HTMLElement('tbody')}}, {{HTMLElement('thead')}}, {{HTMLElement('tr')}}, {{HTMLElement('th')}}, {{HTMLElement('td')}}, usw., für die Struktur von Datentabellen. Sie können diese ARIA-Rollen hinzufügen, um Barrierefreiheit zu gewährleisten, falls die nativen Semantiken der Tabelle entfernt werden, z. B. durch CSS. Ein relevanter Anwendungsfall für die ARIA-Tabellenrolle ist, wenn die Display-Eigenschaft von CSS die nativen Semantiken einer Tabelle überschreibt, z. B. durch `display: grid`. In diesem Fall können Sie die ARIA-Tabellenrollen verwenden, um die Semantiken wieder hinzuzufügen.

### Zusätzliche Vorteile

Expand All @@ -143,6 +143,6 @@ Keine

## Siehe auch

- [HTML-Tabellenelement](/de/docs/Learn/HTML/Tables/Advanced)
- [HTML-Tabellenanleitung](/de/docs/Learn/HTML/Tables/Basics)
- [ARIA: `grid` Rolle](/de/docs/Web/Accessibility/ARIA/Roles/grid_role)
- [HTML-Tabellen-Element](/de/docs/Learn/HTML/Tables/Advanced)
- [HTML-Tabellen-Tutorial](/de/docs/Learn/HTML/Tables/Basics)
- [ARIA: `grid`-Rolle](/de/docs/Web/Accessibility/ARIA/Roles/grid_role)

0 comments on commit 8fb10d2

Please sign in to comment.