Zugreifbare komplexe Tabellen in HTML5-Formularen erstellen create-accessible-complex-tables-in-html-forms

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

Die Standardimplementierung von Tabellen in HTML5 Forms verwendet HTML DIV-Elemente zum Rendern einer Tabelle. Das Rendering umfasst die Verwendung von ARIA-Rollen, um die Barrierefreiheitsanforderungen zu erfüllen.

Um Probleme mit der Barrierefreiheit mit Bildschirmsprachausgaben zu vermeiden, die ARIA-Rollen nicht voll unterstützen, die mit Datentabellen verwendet werden, bieten HTML5-Formulare eine alternative Darstellung für die Tabellen. Diese Tabellen basieren auf dem neuen Tabellenformat, das in Designer eingeführt wurde und auch Folgendes unterstützt:

  • Zeilenüberschriften
  • Zeilenabschnitt

Um das neue Format in HTML5 Forms zu verwenden, markieren Sie die Tabelle als komplex. Um die Tabelle als komplex zu markieren, fügen Sie den extras-Tag in die XML-Quelle des Tabellenteilformulars wie folgt hinzu:

</extras>
 <text name="complexTable">1</text>
 </extras>

Die Tabellen, die als complexTable markiert werden, folgen der nativen HTML-Darstellung und bieten eine bessere Barrierefreiheit für bestimmte Bildschirmsprachausgaben. Um einen Zeilenabschnitt zu erstellen, wählen Sie mehrere Zellen einer Tabelle in derselben Spalte, klicken Sie mit der rechten Maustaste auf die Auswahl und klicken Sie dann auf Zellen verbinden.

Hinweis: ​Das Erstellen eines Zeilenabschnitts funktioniert nur für die am weitesten links liegenden Zellen.

Um eine Zeile als Zeilenüberschrift zu markieren, wählen Sie alle Zellen in der Zeile aus, klicken Sie mit der rechten Maustaste auf die Auswahl und klicken Sie dann auf Kopfzeile markieren.

Um eine Zelle als Spaltenüberschrift zu markieren, wählen Sie eine beliebige Zelle in der Spalte aus, klicken Sie mit der rechten Maustaste auf die Auswahl und klicken Sie dann auf Kopfzeile markieren.

Einschränkungen im neuen AccessibleTable-Format:

  • Fehlende Unterstützung für vergrößerungsfähige Felder, wenn rowspan in der Tabelle verwendet wird
  • Keine Unterstützung für verschachtelte Tabellen (Tabellen in Tabellenzellen)
  • Unterstützung für Zeilenabschnitt ist auf die Kopfzeilen und Kopfzeilenzellen beschränkt
  • Unterstützung ist auf reguläre Tabellen beschränkt
  • Keine Unterstützung für Datenvorfüllungen in Tabellen mit Zeilenabschnitt > 1
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da