Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

Zukünftig bietet Nuclos alle Vorraussetzungen Voraussetzungen um eine barierrefreie barrierefreie Nutzung des Webclients zu ermöglichen. Barriefrei Barrierefrei heißt in diesem Zusammenhang eine Erfüllung der Kriterien nach BIK-BITV 2.0 (und damit der Norm EN 301 549  sowie der Richtlinie WCAG 2.1). Zum jetzigen zeitpunkt Zeitpunkt sind diese Anforderungen nahezu vollständig erfüllt.

...

Info

Je einfacher die Layouts gehalten werden, desto leichter fällt die Bedienung. Im besten Fall sind die Layouts linear, d.h. eine einfach Abfolge von Feldern, ggf. mit ZwischenüberschritenZwischenüberschriften. Eine barrierefreie Gestaltung von komplexen Layouts ist möglich, aber aufwendiger.

...

Anstelle der bekannten Tooltipps mit Popups bei mouseover-Events wird der Inhalt des Tooltippattributs für Layoutelemente jetzt bei Klick auf einen neben dem Feld eingeblendeten Fragezeichenbutton eingeblendet und erst nach einer enuten erneuten Eingabe wieder ausgeblendet.

...

Für eine barrierefreie Darstellung von Eingabemasken ist es wesentlich, das Labels auf die Eingabefelder veweisenverweisen, auf die sie sich beziehen. Dafür wird nun bei Verwendung der Datenkomponenten "mit Label" das  for-Attribut des erzeugten html-Elements auf die ID des zugehörigen input-Elents Elements gesetzt. Um Labels, deren Text von der Feldbezeichnung des BO abweicht auch in barrierefreien Layouts zu verwenden, muss dieser abweichende Text als Übersetzung für das auf dem oben genannten Weg erzeugte Label hinterlegt werden.

...

Elemente vom Typ Label sollten in der Regel nie für einen andere Zweck verwendet werden. Für andere statische Textelemnte Textelemente verwenden Sie die neue statische HTML-Komponente.

...

Dafür empfiehlt es sich anstelle von Layoutpanels mit Titel  html-Überschriftenelemente  zu verwenden:  <h1>, <h2> usw. - so kann eine Gleiderung Gliederung mit bis zu 6 Hierarchiebenen Hierarchieebenen abgebildet werden.

Diese können  als statische Komponenten vom typ HTML Feld umgesetzt werden. Wenn der default style für das jeweilige h-tag nicht gefällt, kann im Systemparameter custom CSS (siehe Beispiel) eine eigene Klasse mit dem gewünschten Style definiert werden. Der Inhalt des statischen HTML-Feldes könnte dann folgendermaßen aussehen: <h1 class="myh1class">Dies ist eine Überschrift</h1>.

...

Insbesondere ist eine rein vertikale Anordung Anordnung von Layoutelementen (statt einer mehrspaltigen Anordnung) zu empfehlen.

...

Für eine fehlerfreie und vollständige Navigierbarkeit des Layouts ohne Zeigegeräte (also mit der Tastur oder per Sprachsteuerung) müssen alle Layoutelemente über die Attribute Nächstes Feld oder Nächste Komponente miteinander verknüft verknüpft werden.

Dabei darf immer nur  eines der beiden Attribute verwendet werden und die Feld- und Komponentennamen müssen eindeutig sein. Komponenten können Subforms, Buttons oder statische Inhalte sein.

...

Auch Felder, die für die Nutzer des Layouts niemals schreibbar sind, sollten in der Regel in die Reihenfolge für die tastaturnavigation Tastaturnavigation aufgenommen werden. Andernfalls sind Steuerelemente zum Öffnen von Dateien oder navigierbare Links per Tastatur o.a. Hilfstechnologien nicht erreichbar. Außerdem wird so kommuniziert, ob ein  Element statisch oder dynamisch ist, was auch dann eine relevante Information sein kann, wenn die Nutzer des Layouts die Inhalte nicht selbst eintragen.

...

Ebenso sollten (statische oder dynamische) Texte in die Reihenfolge aufgenommem aufgenommen werden, wenn diese navigierbare Links enthalten sollen. Andernfalls sind diese u.U. nicht erreichbar.

...

Verzichten Sie in Anleitungen und Hinweisen auf visuelle Indikatoren, ein Negativbeispiel wäre etwa der Hinweis "Klicken Sie auf den grünen Button in der Mitte des Bildschirms.", der gleich zwei visuelle Anhaltspunkte vorraussetztvoraussetzt.

Alt-Texte

Wenn Bilder oder Icons Inhalte oder Hinweise transportieren sollten diese einen Alt-Text besitzen. Sind die Bilder rein dekorativ sollten sie einen leeren Alttext (alt="") besitzen, der dies signalisiert.

Die Datenkomponente Image besitzt standardmäßig einen leeren Alt-Text. Ist eines der Attribute für Tooltipps ("abweichend" oder "aus Attribut") gesetzt,  werden diese auch in den Alt-text übernommen. Es ist also zu ebahctenbeachten, das diese Attribute hier eine Doppelfunktion, besitzen.

...

Für visuell versteckte Elemente existiert bereits eine css-Klasse, die im Nuclos-Webclient enthalten ist und für eigene html-Elemnte Elemente im Layout verwendet werden kann.

...

Verwenden Sie von Nuclos-Defaults abweichende Farben oder CSS-Styles sowie visuelle Indikatoren (z.B. Icons oder von Nuclos bereit gestellte Funktionen zur Einfärbung von Zeilen oder Status) achten beachten Sie aud ie auch die Einhaltung der Mindestwerte für den Kontrast:

...