Änderungen von Dokument 06 Barrierefreiheit
Zuletzt geändert von Carina Enke (Admin) am 27.08.2024
Von Version 1575.1
bearbeitet von Katharina Schönefeld (Admin)
am 24.11.2016
am 24.11.2016
Änderungskommentar:
Published by Scroll Versions from space LMSintern and version 3.0.1
Auf Version 1629.2
bearbeitet von Carina Enke
am 20.12.2023
am 20.12.2023
Änderungskommentar:
Update document after refactoring.
Zusammenfassung
-
Seiteneigenschaften (4 geändert, 0 hinzugefügt, 0 gelöscht)
-
Objekte (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Übergeordnete Seite
-
... ... @@ -1,0 +1,1 @@ 1 +LMS.Benutzerhandbuch OPAL.WebHome - Dokument-Autor
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. katharina1 +XWiki.carina - Tags
-
... ... @@ -1,0 +1,1 @@ 1 +sehbehinderung|schriftgröße - Inhalt
-
... ... @@ -1,11 +1,18 @@ 1 +{{sv-translation language="de"}} 1 1 {{layout}} 2 2 {{layout-section ac:type="single"}} 3 -{{layout-cell}}{{/layout-cell}} 4 +{{layout-cell}} 5 +\\ 6 +{{/layout-cell}} 4 4 {{/layout-section}} 5 5 6 6 {{layout-section ac:type="two_right_sidebar"}} 7 7 {{layout-cell}} 8 -Die Lernplattform bietet verschiedene Optimierungen für eine erhöhte Zugänglichkeit für sehbehinderte Personen an. 11 +Grundlage der Barrierefreiheit sind die international gültigen Web Content Accessibility Guidelines (WCAG 2.2) auf Konformitätsstufe AA und die europäische Norm EN 301 549, Version 3.1.1. 12 + 13 +Die Lernplattform OPAL und die ONYX Testsuite sind wegen der folgenden Unvereinbarkeiten teilweise mit den genannten Rechtsvorschriften vereinbar. Die Unvereinbarkeiten sind nachstehend unter „Nicht barrierefreie Inhalte“ aufgeführt. 14 + 15 +Wir arbeiten kontinuierlich daran, dass die genannten Standards künftig erfüllt werden und dies im Rahmen von unabhängigen Tests geprüft werden kann. 9 9 {{/layout-cell}} 10 10 11 11 {{layout-cell}} ... ... @@ -13,7 +13,11 @@ 13 13 {{panel title="Inhalt"}} 14 14 15 15 16 -{{toc/}} 23 +{{toc minLevel="2"/}} 24 + 25 +(% class="auto-cursor-target" %) 26 +**Verwandte Themen 27 +[[doc:Erstellung barrierefreier Inhalte]]** 17 17 {{/panel}} 18 18 {{/scroll-ignore}} 19 19 {{/layout-cell}} ... ... @@ -21,173 +21,125 @@ 21 21 22 22 {{layout-section ac:type="single"}} 23 23 {{layout-cell}} 24 -== Schriftgrößeanpassen==35 +== Nicht barrierefreie Inhalte == 25 25 37 +Die folgenden Ausführungen beziehen sich auf die Lernplattform OPAL und die ONYX Testsuite, **nicht auf die von den Nutzer*innen dort eingestellten Inhalte**. Eingestellte Inhalte müssen von den Personen, die die Inhalte (z. B. Dokumente oder Kurse) im Lernmanagementsystem bereitstellen, selbst barrierefrei erstellt und eingepflegt werden. [[Hinweise zur Erstellung von barrierefreien Inhalten>>doc:Erstellung barrierefreier Inhalte]] 38 + 39 +Die folgende Auflistung nicht barrierefreier Inhalte ist noch nicht vollständig. 40 + 41 +=== (% style="color: rgb(63,68,68);" %)Lernplattform OPAL(%%) === 42 + 43 +(% class="list-highlight" %) 44 +* Der Kalender ist nicht barrierefrei bedienbar. **Alternative: **Zu jedem Kalender kann ein iCal-Feedlink generiert werden. Diesen Link können Sie nutzen, um den gewählten Kalender in andere Anwendungen, die das iCal-Format unterstützen, zu integrieren. [[Weitere Informationen zu OPAL-Kalendern.>>doc:Calendar]] 45 +* Die Position des Tastaturfokus ist nicht immer klar ersichtlich ((% class="Checkpoint__heading-small Heading--h3" %)[[Prüfschritt 9.2.4.7>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-2-4-7-aktuelle-position-des-fokus-deutlich||shape="rect"]](%%)) 46 +* Die Hierarchie der Überschriften wird teilweise nicht eingehalten ((% class="Checkpoint__heading-small Heading--h3" %)[[Prüfschritt 9.1.3.1a>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-1-3-1a-html-strukturelemente-fuer-ueberschriften||shape="rect"]](%%), [[Prüfschritt 9.2.4.6>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-2-4-6-aussagekraeftige-ueberschriften-und-beschriftungen||shape="rect"]]) 47 +* Die Verwendung von Zoom-Stufen ab ca. 300% führt teilweise zu einer fehlerbehafteten Darstellung ([[Prüfschritt 9.1.4.10>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-1-4-10-inhalte-brechen-um||shape="rect"]]) 48 +* ((( 49 +Die Anpassung der Schriftgröße führt teilweise zu einer fehlerbehafteten Darstellung. Außerdem wird die Schriftgröße von u.a. Buttons und Eingabefeldern nicht angepasst ([[Prüfschritt 9.1.4.4>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-1-4-4-text-auf-200-vergroesserbar||shape="rect"]]) 50 +))) 51 +* Die HTML-Syntax wird teilweise nicht korrekt eingesetzt ([[Prüfschritt 9.4.1.1>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-4-1-1-korrekte-syntax||shape="rect"]]) 52 + 53 +=== (% style="color: rgb(63,68,68);" %)ONYX Testsuite(%%) === 54 + 55 +**Testdurchführung** 56 + 57 +* Die Aufgabentypen "Hotspot", "Einfache Zuordnung", "Grafische Zuordnung", "Reihenfolge", "Zeichnen", "Moleküle zeichnen", "Fehlertextaufgabe" sowie alle Aufgaben vom Typ "Lückentext" sind nicht vollständig barrierefrei bedienbar. 58 +* Single/Multiple-Choice: Antwortmöglichkeiten sind in einer Tabelle angeordnet (Layouttabelle) ([[Prüfschritt 9.1.3.1g>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-1-3-1g-kein-strukturmarkup-fuer-layouttabellen||shape="rect"]]) 59 +* Drag-and-Drop Aufgabentypen (z.B. "Einfache Zuordnung") unterstützen keine Tastatursteuerung ([[Prüfschritt 9.2.1.1>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-2-1-1-ohne-maus-nutzbar||shape="rect"]], [[Prüfschritt 9.2.5.1>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-2-5-1-alternativen-fuer-komplexe-zeiger-gesten||shape="rect"]]) 60 +* Die HTML-Syntax wird teilweise nicht korrekt eingesetzt ([[Prüfschritt 9.4.1.1>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-4-1-1-korrekte-syntax||shape="rect"]]) 61 + 62 +**Testerstellung** 63 + 64 +Für den ONYX Editor liegt bislang kein vollständiger BITV-Konformitätstest vor. Wir arbeiten kontinuierlich daran, dass die genannten Standards künftig erfüllt werden und dies im Rahmen von unabhängigen Tests geprüft werden kann. 65 + 66 +== Barrierefreiheitsfunktionen == 67 + 68 +=== Design anpassen === 69 + 70 +Sie haben die Möglichkeit, das Design der Lernplattform anzupassen. Zur Auswahl steht u.a. ein dunkles Design. 71 + 72 +Wie Sie diese Einstellung vornehmen können, finden Sie unter **[[doc:Meine Einstellungen]]**. 73 + 74 +=== Schriftgröße anpassen === 75 + 26 26 Sie haben die Möglichkeit, die Schriftgröße der Lernplattform zu vergrößern oder zu verkleinern. 27 27 28 -Wie Sie diese Einstellung vornehmen können, finden Sie unter **[[doc:Meine Einstellungen]].** 78 +Wie Sie diese Einstellung vornehmen können, finden Sie unter **[[doc:Meine Einstellungen]]**. 79 +{{/layout-cell}} 80 +{{/layout-section}} 81 +{{/layout}} 82 +{{/sv-translation}} 29 29 30 - 84 +{{sv-translation language="en"}} 85 +{{layout}} 86 +{{layout-section ac:type="two_right_sidebar"}} 87 +{{layout-cell}} 88 +The standards for accessibility are the international Web Content Accessibility Guidelines (WCAG 2.2) at conformance level AA and the European standard EN 301 549, version 3.1.1. 31 31 32 - ==Navigation mit Tastaturkürzeln==90 +The OPAL learning platform and the ONYX test suite are partially compliant with the above mentioned legal requirements due to the following incompatibilities. The incompatibilities are listed below under "Non-accessible content". 33 33 34 -Als weitere Option können Sie auch mit Tastaturkürzeln navigieren. Mit diesen können Sie die wichtigsten Elemente des Systems direkt anspringen. 35 -Die Tastaturkürzel sind abhängig von dem Browser und dem Betriebssystem, das Sie nutzen. 92 +(% style="color: rgb(0,0,0);" %)We are (% class="visible text-green-700 border-b-2 border-green-200" %)constantly(% style="color: rgb(0,0,0);" %) working to ensure that (% class="visible text-green-700 border-b-2 border-green-200" %)we continue to meet these standards and that this can be verified through independent testing. 36 36 37 -Für **Chrome **und** Firefox:** 94 +\\ 95 +{{/layout-cell}} 38 38 39 -|=((( 40 -(% class="tablesorter-header-inner" %) 41 -((( 42 -Betriebssystem 43 -))) 44 -)))|=(% colspan="1" %)(% colspan="1" %) 45 -((( 46 -(% class="tablesorter-header-inner" %) 47 -((( 48 -Tastaturkürzel 49 -))) 50 -))) 51 -|((( 52 -Windows 53 -)))|(% colspan="1" %)(% colspan="1" %) 54 -((( 55 -ALT SHIFT 56 -))) 57 -|((( 58 -Linux 59 -)))|(% colspan="1" %)(% colspan="1" %) 60 -((( 61 -ALT SHIFT 62 -))) 63 -|((( 64 -Mac 65 -)))|(% colspan="1" %)(% colspan="1" %) 66 -((( 67 -CTRL OPT 68 -))) 97 +{{layout-cell}} 98 +{{scroll-ignore}} 99 +{{panel title="Content"}} 69 69 70 -Für** Opera** und **Safari**: 71 71 72 -|=((( 73 -(% class="tablesorter-header-inner" %) 74 -((( 75 -Betriebssystem 76 -))) 77 -)))|=((( 78 -(% class="tablesorter-header-inner" %) 79 -((( 80 -Tastaturkürzel 81 -))) 82 -))) 83 -|((( 84 -Windows 85 -)))|((( 86 -ALT 87 -))) 88 -|((( 89 -Linux 90 -)))|((( 91 -ALT 92 -))) 93 -|((( 94 -Mac 95 -)))|((( 96 -CTRL OPT 97 -))) 102 +{{toc minLevel="2"/}} 98 98 99 - 104 +**Related Topics 105 +[[doc:Erstellung barrierefreier Inhalte]]** 106 +{{/panel}} 107 +{{/scroll-ignore}} 108 +{{/layout-cell}} 109 +{{/layout-section}} 100 100 101 -Um direkt zu den wichtigen Elementen zu gelangen, benötigen Sie zusätzlich die Tastaturkürzel für die einzelnen Elemente: 111 +{{layout-section ac:type="single"}} 112 +{{layout-cell}} 113 +== (% class="visible text-green-700 border-b-2 border-green-200" %)Non-accessible content(%%) == 102 102 103 -|=((( 104 -(% class="tablesorter-header-inner" %) 105 -((( 106 -Systemelement 107 -))) 108 -)))|=((( 109 -(% class="tablesorter-header-inner" %) 110 -((( 111 -Tastaturkürzel 112 -))) 113 -))) 114 -|((( 115 -Seitenbeginn 116 -)))|((( 117 -0 118 -))) 119 -|((( 120 -Hauptnavigation 121 -)))|((( 122 -n 123 -))) 124 -|((( 125 -Home 126 -)))|((( 127 -h 128 -))) 129 -|((( 130 -Gruppen 131 -)))|((( 132 -g 133 -))) 134 -|((( 135 -Lernressourcen 136 -)))|((( 137 -r 138 -))) 139 -|(% colspan="1" %)(% colspan="1" %) 140 -((( 141 -Offene Lernressourcen und Gruppen 142 -)))|(% colspan="1" %)(% colspan="1" %) 143 -((( 144 -s 145 -))) 146 -|((( 147 -Top Navigation 148 -)))|((( 149 -o 150 -))) 151 -|((( 152 -Menü 153 -)))|((( 154 -m 155 -))) 156 -|((( 157 -Contentbereich 158 -)))|((( 159 -c 160 -))) 161 -|((( 162 -Werkzeuge und Aktionen 163 -)))|((( 164 -t 165 -))) 166 -|((( 167 -Tabelleninhalt (falls vorhanden) 168 -)))|((( 169 -a 170 -))) 171 -|((( 172 -Modaler Dialog (falls vorhanden) 173 -)))|((( 174 -d 175 -))) 176 -|(% colspan="1" %)(% colspan="1" %) 177 -((( 178 -Ein Schritt zurück (falls vorhanden) 179 -)))|(% colspan="1" %)(% colspan="1" %) 180 -((( 181 -b 182 -))) 115 +(% class="visible text-green-700 border-b-2 border-green-200" %)The following statements refer to the OPAL learning platform and ONYX Testsuite, **not to the content posted by users**. The persons who provide the content (e.g. documents or courses) in the learning management system are responsible for creating and maintaining the content in an accessible way. 183 183 184 -{{info}} 185 -Um nun direkt zu einem Element zu springen, müssen Sie z.B. "ALT" "SHIFT" "n" drücken, wenn Sie zur Hauptnavigation möchten. 186 -{{/info}} 117 +(% class="visible text-green-700 border-b-2 border-green-200" %)The following list of non-accessible content is not yet complete. 187 187 188 -{{note}} 189 -Diese Funktion ist in der neuen Benutzeroberfläche noch nicht verfügbar. 190 -{{/note}} 119 +=== (% class="visible text-green-700 border-b-2 border-green-200" %)OPAL learning platform(%%) === 120 + 121 +* The calendar is not accessible. Alternative: An iCal feed link can be generated for each calendar. You can use this link to integrate the selected calendar into other applications that support the iCal format. [[Further information on OPAL calendars.>>doc:Calendar]] 122 +* The position of the keyboard focus is not always clearly visible ((% class="Checkpoint__heading-small Heading--h3" %)[[Testing step 9.2.4.7>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-2-4-7-aktuelle-position-des-fokus-deutlich||shape="rect"]](%%)) 123 +* The hierarchy of headings is sometimes not respected ((% class="Checkpoint__heading-small Heading--h3" %)[[Testing step 9.1.3.1a>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-1-3-1a-html-strukturelemente-fuer-ueberschriften||shape="rect"]](%%), [[Testing step 9.2.4.6>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-2-4-6-aussagekraeftige-ueberschriften-und-beschriftungen||shape="rect"]]) 124 +* Using zoom levels above about 300% sometimes results in incorrect design ([[Testing step 9.1.4.10>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-1-4-10-inhalte-brechen-um||shape="rect"]]) 125 +* The adjustment of the font size sometimes leads to an incorrect display of the content. In addition, the font size of buttons and input fields, among other things, is not adjusted ([[Testing step 9.1.4.4>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-1-4-4-text-auf-200-vergroesserbar||shape="rect"]]) 126 +* The HTML syntax is sometimes not used correctly ([[Testing step 9.4.1.1>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-4-1-1-korrekte-syntax||shape="rect"]]) 127 + 128 +=== (% class="visible text-green-700 border-b-2 border-green-200" %)ONYX Testsuite(%%) === 129 + 130 +(% class="visible text-green-700 border-b-2 border-green-200" %)**Test procedure** 131 + 132 +* (% class="visible text-green-700 border-b-2 border-green-200" %)The question types "Hotspot", "Match interaction", "Graphic match interaction", "Order", "Drawing", "Molecule drawing", "Hottext" and all tasks of the type"text entry" are not fully accessible. 133 + 134 +* (% class="visible text-green-700 border-b-2 border-green-200" %)Single/multiple choice: Answer options are arranged in a table (layout table) ([[Testing step 9.1.3.1g>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-1-3-1g-kein-strukturmarkup-fuer-layouttabellen||shape="rect"]]) 135 +* (% class="visible text-green-700 border-b-2 border-green-200" %)Drag-and-drop question types (e.g. "Match interaction") do not support keyboard control ([[Testing step 9.2.1.1>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-2-1-1-ohne-maus-nutzbar||shape="rect"]], [[Testing step 9.2.5.1>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-2-5-1-alternativen-fuer-komplexe-zeiger-gesten||shape="rect"]]) 136 +* The HTML syntax is sometimes not used correctly ([[Testing step 9.4.1.1>>url:https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-4-1-1-korrekte-syntax||shape="rect"]]) 137 + 138 +**Test creation** 139 + 140 +The ONYX Editor has not yet been fully tested for BITV compliance. We are continuously working to ensure that the above standards are met in the future and that this can be verified through independent testing. 141 + 142 +== Accessibility functions == 143 + 144 +=== Change the design === 145 + 146 +You have the option of customizing the design of the learning platform. Among other things, you can choose a dark design. 147 + 148 +You can find out how to change the design under [[**My settings**>>url:https://www.bps-system.de/help/display/LMSintern/.Meine+Einstellungen+v3.1||shape="rect"]]. 149 + 150 +=== Adjust font size === 151 + 152 +You have the possibility to increase or decrease the font size of the learning platform. A guide on how to perform this setting can be found under [[**My settings**>>url:https://www.bps-system.de/help/display/LMSintern/.Meine+Einstellungen+v3.1||shape="rect"]]. 191 191 {{/layout-cell}} 192 192 {{/layout-section}} 193 193 {{/layout}} 156 +{{/sv-translation}}
- Confluence.Code.ConfluencePageClass[0]
-
- id
-
... ... @@ -1,1 +1,1 @@ 1 -6 67816701 +24674351 - url
-
... ... @@ -1,1 +1,1 @@ 1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/6 6781670/Barrierefreiheit1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/24674351/Barrierefreiheit