Zuletzt bearbeitet vor 4 Monaten
von Margit Link-Rodrigue

BlueSpice 4.3 und BITV/9.1.3.1e-h - Tabellen: Unterschied zwischen den Seiten

(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
{{Featureseite|featured=false|featuredesc=BlueSpice 4.3 ist veröffentlicht. Übersicht über die wichtigsten Änderungen.|featurestart=07/19/2023}}
== Checkliste ==
__TOC__
Checkliste für Autoren: https://lbit.hessen.de/sites/lbit.hessen.de/files/2022-08/checkliste_fuer_tabellen.pdf


==Releases==
== Datentabellen richtig aufgebaut (9.1.3.1e ) ==


{{#ask: [[Release::4.3]]
==== Überschriftszellen ====
|?Releasepatch = Release
Bei allen Datentabellen ist es wichtig, dass Sie Überschriftszellen erstellen. Hierzu klicken Sie in die entsprechenden Zellen der ersten Reihe und stellen diese auf "Überschriftszelle". In manchen Fällen (je nach Inhalt) ist es auch nötig, die Zellen der ersten Spalte als "Überschriftszelle"zu markieren.[[Datei:BITV 9.1.3.1e - Tabelle Überschriftszelle.1.3.1e-h - Tabellen 1714125578751.png|alternativtext=Ausgewählter Menüpunkt "Überschriftszelle im visuellen Editor"|zentriert|mini|500x500px|Eine Überschriftszelle erzeugen]]
|?Releasedate#LOCL = Release date
 
|mainlabel= -
==== Tabellenüberschrift ====
|headers = plain
In vielen Fällen ist es sinnvoll, direkt in der Tabelle eine Tabellenüberschrift (caption) anzugeben, da diese von Bildschirmlesegeräten angekündigt wird. Dies erlaubt es, über die Tastaturkürzel des Bildschirmlesegeräts schnell zwischen mehreren Tabellen auf einer Seite zu unterscheiden.
|sort=Releasedate
 
|order=desc
Standardmäßig ist der Überschriftenbereich beim Einfügen einer neuen Tabelle aktiviert. Geben Sie hier eine Überschrift ein, die den Inhalt der Tabelle sinnvoll beschreibt.[[Datei:BITV 9.1.3.1e Tabellenüberschrift.1.3.1e-h - Tabellen 1714135201556.png|alternativtext=Überschrift-Schaltfläche im Tabelleninspektor|zentriert|mini|550x550px|Tabellenüberschrift einfügen]]
|default=There have been no patch releases so far.
}}


==Einführung==
Hinweis: Komplexere Tabellenlayouts können eventuell über die Erstellung von Vorlagen (zum Beispiel für wiederkehrende Infoboxen mit strukturierten Inhalten) erstellt werden. Hierzu sind fortgeschrittene Kenntnisse zu Wikitext, HTML und CSS nötig.
Releasedatum: 29.06.2023


BlueSpice 4.3 ist ein Minor Release   
== Layout-Tabellen vermeiden (9.1.3.1f) ==
Für Portalseiten können Sie [[Handbuch:Startseitenvorlagen|Startseitenvorlagen]] verwenden. Diese wurden so vorbereitet, dass sie sich der Monitorbreite anpassen. Änderungen an den Vorlagen erfordern Wikitext/HTML-Kenntnisse.


Die Codebasis wurde auf '''MW 1.39'''  aktualisiert.
== Tabellen für mobile Darstellungen optimieren (9.1.3.1h) ==
Tabellen mit mehr als zwei oder drei Spalten benötigen viel Platz auf dem Bildschirm und lassen sich nur schwer für mobile Geräte anpassen. Häufig entsteht hier eine horizontale Scrollbar. Bevor sie sich hierzu Gedanken machen, stellen Sie sicher, ob in Ihrem Arbeitsumfeld (internes Wiki) die Benutzung über mobile Endgeräte überhaupt vorgesehen ist. Oft werden interne Wikiseiten im Arbeitsumfeld ausschließlich über den Desktop-Browser aufgerufen.


===Kompatibilität===
Falls die Anforderung einer mobilen Ansicht besteht, testen Sie die Ansichtüber den Browser-Inspektor für verschiedene mobile Endgeräte. Dies erlaubt Ihnen die ungefähr erwartete Ansicht in verschiedenen Geräten zu emulieren. Für mehr Infos hierzu gehen Sie zur Dokumentation für Ihren Browser ([https://learn.microsoft.com/de-de/microsoft-edge/devtools-guide-chromium/device-mode/ Microsoft Edge], [https://developer.chrome.com/docs/devtools/device-mode?hl=de Google Chrome]).


*unterstützt '''PHP 8.2'''
== Tabellenbeispiele ==
*LDAP, Simple SAMLphp, OpenIDConnect : Upgrade zur Kompatibilität mit PluggableAuth 6/7


==Neue Funktionen==
=== "Gute" Tabellen ===
{| class="wikitable" style="width:100%;"
{| class="contenttable" style="width: 100%;"
!Funktion
|+Tabelle mit Überschriftszeile und Überschriftsspalte
!Beschreibung
!Standort
!Screenshot
!Land
!Umsatz 
!Jahr
|-
!München
|Deutschland
|$150,000.00
|2024
|-
!Berlin
|Deutschland
|$250,000.00
|2024
|-
!Hamburg
|Deutschland
|$85,000.00
|2024
|-
!Prag
|Tschechien
|$180,000.00
|2024
|-
|-
!Content Droplets
!Prag
|Wir führen Content Droplets ein, um spezielle Inhalte in eine Wiki-Seite einzufügen. Dazu gehören Tags, Parser-Funktionen und Vorlagen. Die Funktion ersetzt den Menüpunkt „Magisches Wort“ des Visual Editors.  
|Tschechien
*
|$40,000.00
|2023
|-
!Salzburg
|Österreich
|$45,000.00
|2024
|}


{{Icon|bi bi-arrow-right-circle||#0d6efd}}[[Handbuch:Erweiterung/ContentDroplets|Content Droplets Dokumentation]]
{| class="wikitable"
|[[Datei:Droplet Menü.png|alternativtext=Screenshot des Menüs für Content Droplets|zentriert|mini|450x450px|Content Droplets Menü]]
|+Tabelle mit verbundenen Zellen
|-
! Gegenstand
! Menge
! Kosten
|-
! Brot
| 0.3 kg
|$0.65
|-
! Butter
|0.125 kg
|$1.25
|-
! colspan="2" |Gesamt
|$1.90
|}
{| class="wikitable" style="border: none; background: none;"
|+Komplexe akzeptable Tabelle (nicht für Handy-Ansicht geeignet)
! colspan="2" rowspan="2" style="border:none;background:none;" |
! colspan="3" | zu
|-
! fest !! flüssig !! gasförmig
|-
! rowspan="3" | von
! fest
| fest-fest transformieren || schmelzen || sublimieren
|-
|-
!Erweiterter Menü-Editor
! flüssig
|
| gefrieren || || verdampfen
Die Hauptnavigation kann jetzt hierarchische Links enthalten. Darüber hinaus sind 4 Konfigurationen der Seitenleiste möglich.
 
|[[File:Enhanced MenuEditor DE.png|center|thumb|320x320px|Hierarchische Navigation]]
|-
|-
!PDF Embed
! gasförmig
| resublimieren ||kondensieren || ―
|}


|Für einen einfachen Zugriff ist es im Menü „Content Droplets“ enthalten.




|[[File:Extension PDFEmbed.png|center|thumb|450x450px|Extension PDFEmbed|alt=Screenshot eines eingebetteten PDFs]]
=== "Schlechte" Tabellen ===
{| class="wikitable"
|+Problemtabelle mit unstrukturierten Inhalten und verbundenen Zellen
! colspan="6" |Einkaufsliste
|-
| rowspan="2" |Brot & Butter
|Torte
|Brötchen
|Plundergebäck
| colspan="2" |Croissant
|-
|Käse
| colspan="2" |Eis
|Butter
|Joghurt
|}
{| class="wikitable"
|+ Problemtabelle mit Zwischenüberschriften
|-
|-
!Startseitenvorlagen
! Galaxie !! Beobachtungsdatum
|Zwei Startseitenvorlagen  sind nun vorinstalliert, um die Erstellung von Portalseiten für die Hauptseite und für Namensräume zu unterstützen.
|-
| Milchstraße || 12. Februar 2020
|-
! colspan="2" | Erdbewohner
|-
| Max Mustermann || 3. Juli 1980
|-
! colspan="2" | Außerirdische
|-
| Marsmännchen || rowspan="3" | ohne Angabe
|-
| Mondmännchen
|-
| Saturnmännchen
|}


== Vergleich von verschiedenen Ausgabeformaten ==
Es gibt zahlreiche Ausgabeformate von Tabellen, die die Bedürfnisse der Barrierefreiheit unterschiedlich berücksichtigen.


Die folgende Matrix führt die Unterschiede auf. Zusätzlich wird angezeigt, ob die Tabelle im PDF-Export ausgedruckt wird (was bei Javascript-basierten Tabellen nicht der Fall ist).


 
=== Tabellen, die über den visuellen Editor eingefügt werden ===
 
{| class="wikitable"
Um Benutzer bei der Gestaltung von Portalseiten noch weiter zu unterstützen, ist die renommierte Icon-Bibliothek Font Awesome jetzt mit BlueSpice gebündelt.
|+
 
!Tabellentyp
|<gallery widths="170" heights="200">
!Tastatur-Navigation
File:Startseite Intranet.png|alt=Screenshot der "Startseite Intranet"|Startseitenvorlage 1
!Bildschirmleser
File:Startseite Team.png|alt=Screenshot der "Startseite Team"|Startseitenvorlage 2
!Filtern
</gallery>
!Sortierung
!PDF-Ausdruck
!Anmerkungen
|-
|sortable
|vollständig unterstützt
|vollständig unterstützt
|n/a
|barrierefrei
|unsortiert
|keine Paginierung, Filterung möglich
(nicht-barrierefrei kann diese Tabelle über [[Referenz:ContainerFilter|ContainerFilter]] gefiltert werden)
|-
|-
!Container Filter
|filterable
|You can now mark sections of a page for filtering and display a filter just for the content located within these sections of the page.
|schwierig, da Tastaturnavigation erlernt werden muss. Das Verhalten weicht von Standard-Tabellennavigation ab.
|[[File:ContainerFilter example.png|center|thumb|450x450px|alt=Screenshot einer Tabelle mit Container-Filter]]
|vollständig unterstützt, erfordert Anleitung
|barrierefrei
|barrierefrei
|nein
|
|}
|}


==Zusätzliche Verbesserungen==
=== Beispiel "sortable" ===
 
{| class="sortable contenttable" style="width: 100%;"
*VisualEditor: Die Kopier- und Einfügefunktionalität aus anderen Anwendungen (z. B. MS Word) wurde merklich verbessert.
!Standort
*Tagging von Seitenvorlagen: In der Seitenvorlagenverwaltung können Seitenvorlagen mit Tags kategorisiert werden. Die Tags funktionieren als Filter bei der Auswahl von Seitenvorlagen.
!Land
*Benutzeroberfläche:
!Umsatz 
**Leichte Anpassungen des Menü-Editors.
!Jahr
**Neue Grid-Ansicht des Qualitätsmanagement Überblicks  und der Workflow-Übersicht.
|-
 
!München
==Hinzugefügte Erweiterungen (8)==
|Deutschland
{| class="contenttable" style="width:100%;"
|$150,000.00
|+Developer: MW=MediaWiki extension; HW=Hallo Welt! extension
|2019
!Erweiterung
!Beschreibung
!Entwickler
|-
|-
!ContainerFilter
!Berlin
 
|Deutschland
| Ermöglicht das Filtern von Inhaltselementen innerhalb einer Seite.
|$250,000.00
|Hallo Welt!
|2019
|-
|-
!ContentDroplets
!Hamburg
|VisualEditor-Integration zum Einfügen vordefinierter Inhalte.
|Deutschland
|Hallo Welt!
|$85,000.00
|2019
|-
|-
!ContentStabilization
!Prag
|<span style="color: rgb(32, 33, 34)">Ersetzt den zuvor von den Erweiterungen FlaggedRevs / BlueSpiceFlaggedRevsConnector bereitgestellten Freigabemechanismus.</span>
|Tschechien
|Hallo Welt!
|$180,000.00
|2019
|-
|-
!FontAwesome
!Prag
| Icon-Bibliothek zur Verwendung in Vorlagen und im Quelltext.
|Tschechien
|MediaWiki
|$40,000.00
|2019
|-
|-
! InstanceStatus
!Salzburg
|Anzeige der Benutzerlizenzen auf einer Spezialseite.
|Österreich
 
|$45,000.00
|Hallo Welt!
|2019
|}


=== Beispiel "filterable" ===
{| class="filterable contenttable" style="width: 100%;"
!Standort
!Land
!Umsatz 
!Jahr
|-
!München
|Deutschland
|$150,000.00
|2019
|-
!Berlin
|Deutschland
|$250,000.00
|2019
|-
!Hamburg
|Deutschland
|$85,000.00
|2019
|-
|-
!PDFEmbed
!Prag
|Einbetten von PDFs auf Wikiseiten.
|Tschechien
|MediaWiki
|$180,000.00
|2019
|-
|-
!PreToClip
!Prag
|Kopiert den Inhalt von <code><nowiki><pre></nowiki></code> und <code><nowiki><syntaxhighlight></nowiki></code> Tags in die Zwischenablage.
|Tschechien
|MediaWiki
|$40,000.00
|2019
|-
|-
!SectionAnchors
!Salzburg
|Fügt einen Link zu Überschriften hinzu, um den Ankerpfad in die Zwischenablage zu kopieren.
|Österreich
|Hallo Welt!
|$45,000.00
|2019
|}
|}


==Entfernte Erweiterungen (4)==
== Tabellen, die über SMW-Abfragen generiert werden ==
*'''FlaggedRevs:''' Ersetzt durch die Erweiterung ''ContentStabilization''
[[SMW-Abfragen]] erzeugen Seitenlisten, die als Tabellen ausgegeben werden können. Die Abfragen werden im Quelltext-Modus eingegeben.
*'''BlueSpiceDrawioConnector:''' In die Erweiterung ''BlueSpiceDrawio'' integriert
{| class="wikitable" style="width: 100%;"
*'''BlueSpiceFlaggedRevsConnector''': Ersetzt durch die Erweiterung ''ContentStabilization''
|+Barrierefreiheit und PDF-Ausdruck von Tabellen
*'''BlueSpiceInsertMagic:''' Ersetzt durch die Erweiterung ''ContentDroplet''
!Tabellentyp
!Tastatur
!Screen-
reader
!Filtern
!Sortieren
!PDF-
Ausdruck
!Anmerkungen
|-
|format="datatables"
|ja
|ja
|ja
|ja
|nein
|Screenreader:  
Art der Sprachausgabe der Sortierungspfeile ist störend.
|-
|class="smw-table-clean sortable"
|ja
|ja
|nein
|ja
|ja
|PDF-Ausdruck ist nicht barrierefrei. Ausgabe erfolgt unsortiert.
|}


=== Beispiel "datatables" ===
{{#ask:[[Handbuch:+]][[Modification date::+]]
|?Modification date#-F[d.m.Y]=Bearbeitungsdatum
|?Seitenkennung
|format=datatables
|noajax=true
}}


===Inhaltsänderungen===
===Beispiel "smwtable-clean sortable"===
Folgende Inhaltsänderungen können die Darstellung der Inhalte im Wiki beeinflussen und benötigen eventuell manuelle Anpassungen:
{{#ask:[[Handbuch:+]][[Modification date::+]]
|?Modification date#-F[d.m.Y]=Bearbeitungsdatum
|?Seitenkennung
|class=smwtable-clean sortable
|headers=plain
}}


* Fehlende Datenschutzseiten können einen gelben Banner verursachen. Dieser wird nur den Admin-Benutzern angezeigt.
== Tabelleneigenschaften ==
* Die Startseitenvorlagen können eventuell nicht alle Stile anzeigen, wenn darin enthaltende Vorlagen bereits vor dem Update im Wiki existieren.
{| class="wikitable"
* Stile, die in Vorlagen oder in „MediaWiki:Common.css“ definiert sind, werden möglicherweise nicht mehr angewendet.
|+Übersicht barrierefreiher Tabelleneinstellungen
* Das ContentDroplet ''Icon'' kann nur im Block-Modus eingefügt werden.
!Einstellung
* Fehlender Sprachwechsler auf Seiten, deren Titelbereich ausgeblendet ist.
!barrierefrei?
 
!Anmerkung
{{Icon|bi bi-arrow-right-circle|||}} [[Bekannte Probleme|Mehr Infos zu den Inhaltsänderungen]]
|-
 
|Tabellenbreite
[[en:BlueSpice 4.3]]
|ja
[[de:{{FULLPAGENAME}}]]
|Prozentual einstellbar, passt sich automatisch an.  
Autoren sollten fixe Spaltenbreiten auf wenige Spalten reduzieren, um horizontale Scrollbars zu vermeiden.
|-
|Tabellenstil
|ja
|Alle Stile wurden auf Farbkontrast geprüft
|-
|Exportierbar
|nein
|Exportfunktion erfordert Rechtsklick mit der Maus. Keine Tastaturalternative möglich
|-
|Filterbar
|ja
|Erfordert eine Kenntnis des Umgangs mit der Tabelle hinsichtlich Tastaturnavigation.
|-
|Überschrift
|ja
|Erstellt ein <code><nowiki><caption></nowiki></code> -Element in der Tabelle, welches nützlich für Bildschirmlesegeräte ist.
|-
|Sortierbar
|ja
|Sortierung ist über Tastatur steuerbar und wird Bildschirmlesegeräten korrekt mitgeteilt.
|-
|Einklappbar
|ja
|Über Tastatur bedienbar. Status wird korrekt vorgelesen.
|}

Version vom 29. April 2024, 13:16 Uhr

Checkliste[Bearbeiten | Quelltext bearbeiten]

Checkliste für Autoren: https://lbit.hessen.de/sites/lbit.hessen.de/files/2022-08/checkliste_fuer_tabellen.pdf

Datentabellen richtig aufgebaut (9.1.3.1e )[Bearbeiten | Quelltext bearbeiten]

Überschriftszellen[Bearbeiten | Quelltext bearbeiten]

Bei allen Datentabellen ist es wichtig, dass Sie Überschriftszellen erstellen. Hierzu klicken Sie in die entsprechenden Zellen der ersten Reihe und stellen diese auf "Überschriftszelle". In manchen Fällen (je nach Inhalt) ist es auch nötig, die Zellen der ersten Spalte als "Überschriftszelle"zu markieren.

Ausgewählter Menüpunkt "Überschriftszelle im visuellen Editor"
Eine Überschriftszelle erzeugen

Tabellenüberschrift[Bearbeiten | Quelltext bearbeiten]

In vielen Fällen ist es sinnvoll, direkt in der Tabelle eine Tabellenüberschrift (caption) anzugeben, da diese von Bildschirmlesegeräten angekündigt wird. Dies erlaubt es, über die Tastaturkürzel des Bildschirmlesegeräts schnell zwischen mehreren Tabellen auf einer Seite zu unterscheiden.

Standardmäßig ist der Überschriftenbereich beim Einfügen einer neuen Tabelle aktiviert. Geben Sie hier eine Überschrift ein, die den Inhalt der Tabelle sinnvoll beschreibt.

Überschrift-Schaltfläche im Tabelleninspektor
Tabellenüberschrift einfügen

Hinweis: Komplexere Tabellenlayouts können eventuell über die Erstellung von Vorlagen (zum Beispiel für wiederkehrende Infoboxen mit strukturierten Inhalten) erstellt werden. Hierzu sind fortgeschrittene Kenntnisse zu Wikitext, HTML und CSS nötig.

Layout-Tabellen vermeiden (9.1.3.1f)[Bearbeiten | Quelltext bearbeiten]

Für Portalseiten können Sie Startseitenvorlagen verwenden. Diese wurden so vorbereitet, dass sie sich der Monitorbreite anpassen. Änderungen an den Vorlagen erfordern Wikitext/HTML-Kenntnisse.

Tabellen für mobile Darstellungen optimieren (9.1.3.1h)[Bearbeiten | Quelltext bearbeiten]

Tabellen mit mehr als zwei oder drei Spalten benötigen viel Platz auf dem Bildschirm und lassen sich nur schwer für mobile Geräte anpassen. Häufig entsteht hier eine horizontale Scrollbar. Bevor sie sich hierzu Gedanken machen, stellen Sie sicher, ob in Ihrem Arbeitsumfeld (internes Wiki) die Benutzung über mobile Endgeräte überhaupt vorgesehen ist. Oft werden interne Wikiseiten im Arbeitsumfeld ausschließlich über den Desktop-Browser aufgerufen.

Falls die Anforderung einer mobilen Ansicht besteht, testen Sie die Ansichtüber den Browser-Inspektor für verschiedene mobile Endgeräte. Dies erlaubt Ihnen die ungefähr erwartete Ansicht in verschiedenen Geräten zu emulieren. Für mehr Infos hierzu gehen Sie zur Dokumentation für Ihren Browser (Microsoft Edge, Google Chrome).

Tabellenbeispiele[Bearbeiten | Quelltext bearbeiten]

"Gute" Tabellen[Bearbeiten | Quelltext bearbeiten]

Tabelle mit Überschriftszeile und Überschriftsspalte
Standort Land Umsatz Jahr
München Deutschland $150,000.00 2024
Berlin Deutschland $250,000.00 2024
Hamburg Deutschland $85,000.00 2024
Prag Tschechien $180,000.00 2024
Prag Tschechien $40,000.00 2023
Salzburg Österreich $45,000.00 2024
Tabelle mit verbundenen Zellen
Gegenstand Menge Kosten
Brot 0.3 kg $0.65
Butter 0.125 kg $1.25
Gesamt $1.90
Komplexe akzeptable Tabelle (nicht für Handy-Ansicht geeignet)
zu
fest flüssig gasförmig
von fest fest-fest transformieren schmelzen sublimieren
flüssig gefrieren verdampfen
gasförmig resublimieren kondensieren


"Schlechte" Tabellen[Bearbeiten | Quelltext bearbeiten]

Problemtabelle mit unstrukturierten Inhalten und verbundenen Zellen
Einkaufsliste
Brot & Butter Torte Brötchen Plundergebäck Croissant
Käse Eis Butter Joghurt
Problemtabelle mit Zwischenüberschriften
Galaxie Beobachtungsdatum
Milchstraße 12. Februar 2020
Erdbewohner
Max Mustermann 3. Juli 1980
Außerirdische
Marsmännchen ohne Angabe
Mondmännchen
Saturnmännchen

Vergleich von verschiedenen Ausgabeformaten[Bearbeiten | Quelltext bearbeiten]

Es gibt zahlreiche Ausgabeformate von Tabellen, die die Bedürfnisse der Barrierefreiheit unterschiedlich berücksichtigen.

Die folgende Matrix führt die Unterschiede auf. Zusätzlich wird angezeigt, ob die Tabelle im PDF-Export ausgedruckt wird (was bei Javascript-basierten Tabellen nicht der Fall ist).

Tabellen, die über den visuellen Editor eingefügt werden[Bearbeiten | Quelltext bearbeiten]

Tabellentyp Tastatur-Navigation Bildschirmleser Filtern Sortierung PDF-Ausdruck Anmerkungen
sortable vollständig unterstützt vollständig unterstützt n/a barrierefrei unsortiert keine Paginierung, Filterung möglich

(nicht-barrierefrei kann diese Tabelle über ContainerFilter gefiltert werden)

filterable schwierig, da Tastaturnavigation erlernt werden muss. Das Verhalten weicht von Standard-Tabellennavigation ab. vollständig unterstützt, erfordert Anleitung barrierefrei barrierefrei nein

Beispiel "sortable"[Bearbeiten | Quelltext bearbeiten]

Standort Land Umsatz Jahr
München Deutschland $150,000.00 2019
Berlin Deutschland $250,000.00 2019
Hamburg Deutschland $85,000.00 2019
Prag Tschechien $180,000.00 2019
Prag Tschechien $40,000.00 2019
Salzburg Österreich $45,000.00 2019

Beispiel "filterable"[Bearbeiten | Quelltext bearbeiten]

Standort Land Umsatz Jahr
München Deutschland $150,000.00 2019
Berlin Deutschland $250,000.00 2019
Hamburg Deutschland $85,000.00 2019
Prag Tschechien $180,000.00 2019
Prag Tschechien $40,000.00 2019
Salzburg Österreich $45,000.00 2019

Tabellen, die über SMW-Abfragen generiert werden[Bearbeiten | Quelltext bearbeiten]

SMW-Abfragen erzeugen Seitenlisten, die als Tabellen ausgegeben werden können. Die Abfragen werden im Quelltext-Modus eingegeben.

Barrierefreiheit und PDF-Ausdruck von Tabellen
Tabellentyp Tastatur Screen-

reader

Filtern Sortieren PDF-

Ausdruck

Anmerkungen
format="datatables" ja ja ja ja nein Screenreader:

Art der Sprachausgabe der Sortierungspfeile ist störend.

class="smw-table-clean sortable" ja ja nein ja ja PDF-Ausdruck ist nicht barrierefrei. Ausgabe erfolgt unsortiert.

Beispiel "datatables"[Bearbeiten | Quelltext bearbeiten]

Beispiel "smwtable-clean sortable"[Bearbeiten | Quelltext bearbeiten]

 BearbeitungsdatumSeitenkennung
Einführung06.12.20231.421
Aktualität08.04.20221.765
Alle Themen08.05.2024805
Andere Admin-Seiten20.01.20221.433
Artikel Löschen07.03.20221.606
Aufgaben - Übersicht14.12.20233.294
BeHandbuch Einführung24.01.20221.596
Einführung11.09.20231.593
BlueSpice farm08.05.20241.777
Bücher07.05.2024758
Checklisten07.05.20243.163
Dateien07.05.20241.283
Einstellungen zur Benutzeroberfläche09.06.2023574
3.341
Erweiterte Suche08.05.2024842
Erweiterung/AtMentions07.12.20233.245
Seiteninformationen08.04.2022841
Seiteninfo: Autoren16.12.2021839
Erweiterung/BlueSpiceAvatars28.07.2023832
Kategorienprüfung08.04.20221.648
Kategorienverwaltung24.05.20232.077
Konfigurationsverwaltung28.02.2024764
CountThings14.12.2021818
Zusatzmenü07.03.20231.591
Dashboards16.12.2021834
Layout07.12.2023733
Fußleiste24.01.2024792
Benachrichtigungen22.03.20222.108
Emoticons14.03.2023749
Aktualität23.02.20231.765
Erweiterte Statistik10.01.20221.284
Gruppenverwaltung21.01.20221.427
Magische Wörter und Tags einfügen30.06.2023822
Interwikilinks20.01.20221.431
Interwiki-Suche15.12.2021831
Erweiterung/BlueSpiceMultiUpload13.09.20222.631
Namensraum CSS-Verwaltung25.07.2022816
Namensraumverwaltung10.08.20221.295
Seitenzuweisungen23.02.20221.640
Seitenvorlagen06.07.2023830
Erweiterung/BlueSpicePageTemplates/Anpassung26.01.20232.298
Besuchte Seiten anzeigen16.12.2021833
Rechteverwaltung04.05.2023797
Benutzerrechte verstehen24.10.20221.834
Video Player03.03.20221.935
Datenschutz24.04.2023835
Datenschutzverwaltung06.12.20231.749
QR Code14.12.2021837
Bewertungen und Empfehlungen23.02.20232.184
Lesebestätigung19.12.20231.650
Seiteninfo: Leser04.10.2022840
… weitere Ergebnisse

Tabelleneigenschaften[Bearbeiten | Quelltext bearbeiten]

Übersicht barrierefreiher Tabelleneinstellungen
Einstellung barrierefrei? Anmerkung
Tabellenbreite ja Prozentual einstellbar, passt sich automatisch an.

Autoren sollten fixe Spaltenbreiten auf wenige Spalten reduzieren, um horizontale Scrollbars zu vermeiden.

Tabellenstil ja Alle Stile wurden auf Farbkontrast geprüft
Exportierbar nein Exportfunktion erfordert Rechtsklick mit der Maus. Keine Tastaturalternative möglich
Filterbar ja Erfordert eine Kenntnis des Umgangs mit der Tabelle hinsichtlich Tastaturnavigation.
Überschrift ja Erstellt ein <caption> -Element in der Tabelle, welches nützlich für Bildschirmlesegeräte ist.
Sortierbar ja Sortierung ist über Tastatur steuerbar und wird Bildschirmlesegeräten korrekt mitgeteilt.
Einklappbar ja Über Tastatur bedienbar. Status wird korrekt vorgelesen.



Feedback zur Dokumentation ist im Community-Forum möglich.

Keine Kategorien vergebenBearbeiten

Diskussionen