| [geprüfte Version] | [Markierung ausstehend] |
|
|
| | + | ====Tabellen==== |
| | + | Zur Repräsentation medizinischer Inhalte, die sich adäquat tabellarisch darstellen lassen, bietet sich die Tabellenform an. Als Beispiele seien genannt: Laborwerte, Allergiewerte, Diagnosen mit ICD-Codierung etc. |
| | + | |
| | + | CDA realisiert ein vereinfachtes XHTML Table Modell, das HTML sehr ähnelt. Eine Tabelle wird mit dem table-Element angegeben. Siehe auch [[#Erweiterte_styleCodes|Erweiterte styleCodes]]. |
| | + | <br /> |
| | + | <br /> |
| | + | Die '''Tabellenüberschrift''' wird eingeschlossen in thead Tags, die Überschriftenzeile in tr Tags und die einzelnen Spalten-Items der Überschrift mit th Tags. |
| | + | |
| | + | Die optionale '''Tabellenunterschrift''' <tfoot> wird entsprechend der HTML-Tabellenkonvention direkt vor dem <tbody>-Tag und nach dem <thead> Tag angeführt. Es wird für Fußnoten in Tabellen verwendet und enthält genau einen <tr> und einen <td>-Tag (Siehe auch Beispiel in [[#Fu.C3.9Fnoten|Fußnoten]]) |
| | + | |
| | + | Die eigentlichen '''Tabelleninhalte''' werden in ''tbody'' Tags, die Datenzeile in ''tr'' Tags und die einzelnen Spalteninhalte einer Datenzeile mit ''td'' Tag gekapselt. |
| | + | |
| | + | Mit dem '''caption'''-Unterelement wird eine Beschreibung der Tabelle angegeben. Die Textalternative für Tabellen (für Alt-Text bzw das alt-Tag in HTML) SOLL auch im caption-Unterelement von < table> angegeben werden. Dieses Element kann in Screenreadern entsprechend ausgewertet werden und erhöht die Barrierefreiheit. |
| | + | <br /> |
| | + | <br /> |
| | + | Die Vorgaben für Tabellen MÜSSEN korrekt eingehalten werden, damit sie zuverlässig und korrekt durch Stylesheets dargestellt werden können. |
| | + | Die Anzahl der Spalten MUSS über eine komplette Tabelle in thead und tbody gleich bleiben (ausgenommen tfoot). |
| | + | |
| | + | Folgende Elemente und Attribute mit Auswirkung auf die Darstellung sind erlaubt: |
| | + | *span (Achtung: Anzahl der Spalten muss über die Tabelle konstant bleiben) |
| | + | *stylecode |
| | + | |
| | + | Folgende Attribute sind ebenfalls erlaubt und sind im erzeugten HTML enthalten. Die Attribute werden z.B. für Barrierefreiheit benötigt (Ausgabe mit Screenreadern), müssen aber keine direkt sichtbare Auswirkung auf die Darstellung haben: |
| | + | *language |
| | + | *ID |
| | + | *summary |
| | + | *abbr |
| | + | *axis |
| | + | *headers |
| | + | *scope |
| | + | Alle anderen Attribute, wie z.B. rowspan sind explizit VERBOTEN! |
| | + | |
| | + | =====bestimmte Zeilen der Tabelle ausblenden / aufklappbar machen===== |
| | + | In bestimmten Anwendungsszenarien ist es sinnvoll, einzelne Zeilen einer Tabelle auszublenden. Damit wird der Fokus auf wesentliche Informationen gelenkt. Die ausgeblendeten Daten können bei Bedarf durch einen Klick auf „Alles anzeigen“ am unteren Rand der Tabelle wieder eingeblendet werden. |
| | + | |
| | + | Um dieses Verhalten zu ermöglichen, sind zwei Schritte erforderlich: |
| | + | |
| | + | 1. Zunächst muss im Stylesheet die Option "enableCollapsableTables" aktiviert sein. Diese sorgt auch dafür, dass Tabellen automatisch ausklappbar sind, wenn sie mehr als zehn Zeilen umfassen. <br/> |
| | + | 2. Danach müssen die Zeilen, die ausgeblendet werden sollen, entsprechend markiert werden. Dafür wird im ersten <td> Element ein ID-Attribut gesetzt, welches mit "expandable_row" beginnt, wie man auch im folgenden Beispiel in der letzten Zeile der Tabelle sieht. |
| | + | |
| | =====Strukturbeispiel===== | | =====Strukturbeispiel===== |
| | Eine Tabelle hat das folgende Aussehen: | | Eine Tabelle hat das folgende Aussehen: |
|
|
| | </tr> | | </tr> |
| | <tr> | | <tr> |
| − | <td>n. Zeile - Daten der Spalte 1</td> | + | <td ID="expandable_row_2">n. Zeile - Daten der Spalte 1</td> |
| | <td>n. Zeile - Daten der Spalte 2</td> | | <td>n. Zeile - Daten der Spalte 2</td> |
| | </tr> | | </tr> |
