Latest revision as of 08:23, 17 May 2011

APPLICATION AREAS
Home Interface Conception & Design User Interface Evaluation Interface Development
PROJECTS
Pattern Library Publication Management Digitization Lifecycle Research- and Metadata Handling Usability Report Corporate & Interface Design (under Rework) Page Index
edit

BITV Requirements[edit]

Kriterium	Geplant für eSciDoc solutions	Gewichtung (1-3)
Bereitstellung äquivalenter Alternativen für Audio- und visuelle Inhalte
Alternativtexte für Bedienelemente	Ja	3
Alternativtexte für Grafiken und Objekte	Ja	3
Leere alt-Attribute für Layoutgrafiken	nicht erforderlich	1
Alternativen für serverseitige Imagemaps	nicht erforderlich	3
Audiodeskription für Videos	nicht erforderlich	3
Videos mit Untertiteln	nicht erforderlich	3
Verständlichkeit ohne Farbe
Auch ohne Farben nutzbar	ja	2
Grafiken vor wechselndem Hintergrund erkennbar	ja	1
Helligkeitskontraste von Grafiken ausreichend	ja	1
Helligkeitskontraste von Texten ausreichend	ja(validate!)^[1]	1
Korrekte Verwendung der Markup-Sprachen
Verzicht auf Schriftgrafiken	ja	2
Title-Attribut für Symbole	ja	1
Valides HTML	ja(check for Trinidad^[2])	2
Stylesheets für die Positionierung verwendet	ja	2
Schriftgröße variabel	ja	2
Bei geringer Bildschirmauflösung lesbar	ja	2
HTML-Strukturelemente für Überschriften	ja	2
HTML-Strukturelemente für Listen	ja(not for grid list^[3])	2
HTML-Strukturelemente für Zitate	ja	1
Kenntlichmachung sprachlicher Besonderheiten
Anderssprachige Wörter ausgezeichnet	ja(to do)	1
Anderssprachige Abschnitte ausgezeichnet	ja(to do^[4])	1
Hauptsprache angegeben	ja(to do^[5])	1
Nutzung und Beschreibung von Tabellen
Datentabellen richtig aufgebaut	ja(to be checked^[6])	3
Zuordnung von Tabellenzellen	ja(aufwandsabhängig^[7])	3
Layouttabellen linearisierbar	ja	2
Kein Strukturmarkup für Layouttabellen	ja	1
Nutzbarkeit ohne neuere Technologien
Auch ohne Stylesheets nutzbar	ja	3
Auch ohne Skripte nutzbar	ja(GUI-side^[8])/nein(JSP^[9])	3
Kontrolle zeitgesteuerter Änderungen des Inhalts
Verzicht auf Ablenkung durch Blinken oder Bewegung	ja	1
Verzicht auf blinkende oder bewegte Inhalte	ja	2
Verzicht auf Auto-Aktualisierung	ja	1
Verzicht auf Weiterleitung	ja	1
Zugänglichkeit von Benutzerschnittstellen
Zugängliche Alternativen für programmierte Objekte	nicht erforderlich^[10]	3
Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
Auch ohne Maus nutzbar	ja	3
Aktuelle Position des Fokus deutlich	ja	1
Schlüssige Reihenfolge bei Tastaturbedienung	ja	1
Verwendbarkeit älterer assistiver Technologien
Verzicht auf automatische Pop-Ups, neue Fenster angekündigt	ja(wenn, dann alt-text^[11])	2
Beschriftung von Formularfeldern richtig angeordnet	ja	2
Öffentlichkeit und Dokumentation verwendeter Technologien
Angemessene Formate	ja(to be checked^[12])	2
Verzicht auf veraltete Elemente und Attribute	ja(?JSF^[13])	1
Seiten für alle (keine Textversion)	ja	3
Kontext- und Orientierungsinformationen
Frames mit Titel und Name	nicht erforderlich	3
Aufbau der Frames verständlich	nicht erforderlich	2
Inhalte gegliedert	ja	2
Label mit Formularelementen verknüpft	ja	1
Gestaltung von Navigationsmechanismen
Aussagekräftige Linktexte	ja(to do)^[14]	1
Links informieren über Dateiformat	ja	1
Sinnvolle Dokumenttitel	ja	2
Sitemap oder ähnliche Orientierungshilfe	nein(breadcrumb?)^[15]	2
Navigation einheitlich	ja	2
Position im Webauftritt klar	ja(breadcrumb?)	3
Förderung des allgemeinen Verständnisses
Einfache Wörter	ja	2

References[edit]

↑ Testgegenstand: AERT Farbkontrast-Algorithmus mit der Vorgabe: Helligkeitsdifferenz (Prio1) >=125, Farbdifferenz (Prio2) >= 400, Verhältnis Farbsättigung zu Kontrast (Prio3) "auf Stufe AA für großen Text"
↑ Validität des Trinidad/JSP-Output nicht immer klar.
↑ Aus semantischer Sicht stellt eine Grid-List eher eine Tabelle, denn eine Liste dar und ist deshalb im Markup als Tabelle zu realisieren.
↑ Nicht der Hauptsprache entsprechende Elemente sind per lang-Attribut zu kennzeichnen.
↑ Dokumentensprache per lang-Attribut im Seitenkontext angeben
↑ Tabellenaufbau ist ggf. JSP-abhängig - semantisch richtiger Aufbau ist hierbei zu prüfen und, nur wenn unter vertretbarem Aufwand realisierbar, herzustellen.
↑ Die explizite Zuordnung von einzelnen Tabellenzellen zu den entsprechenden Headern ist nur bei erheblich komplexen Tabellen notwendig. Ggf. sollte eine solche, wenn mit vertretbarem Aufwand realisierbar, in diesem Falle eingearbeitet werden.
↑ GUI eScidoc Components würden bei entsprechender Serverseitiger Behandlung ohne JavaScript funktionieren.
↑ JSP setzt zwingend die Verwendung von JavaScript voraus.
↑ Derzeit keine Java-Applets o.ä. vorhanden.
↑ Alternativtexte der auslösenden Links sollten über eventuell öffnende Popups informieren. Je nach Aufwand kommen ggf. Layer zum Einsatz.
↑ PDF-Accessibiliy und Accessibility für andere Datenformate sind zu prüfen
↑ JSF-Output für Elemente nicht immer klar.
↑ Müssen entsprechend für kommende Releases überarbeitet und ggf. mit Tooltips ergänzt werden.
↑ Die Solutions orientieren sich in ihrem Aufbau eher an einer Desktop-Anwendung als an einem Webauftritt. Daher ist eine klare "Seitenstruktur" nicht abbildbar.

[1] Testgegenstand: AERT Farbkontrast-Algorithmus mit der Vorgabe: Helligkeitsdifferenz (Prio1) >=125, Farbdifferenz (Prio2) >= 400, Verhältnis Farbsättigung zu Kontrast (Prio3) "auf Stufe AA für großen Text"

[2] Validität des Trinidad/JSP-Output nicht immer klar.

[3] Aus semantischer Sicht stellt eine Grid-List eher eine Tabelle, denn eine Liste dar und ist deshalb im Markup als Tabelle zu realisieren.

[4] Nicht der Hauptsprache entsprechende Elemente sind per lang-Attribut zu kennzeichnen.

[5] Dokumentensprache per lang-Attribut im Seitenkontext angeben

[6] Tabellenaufbau ist ggf. JSP-abhängig - semantisch richtiger Aufbau ist hierbei zu prüfen und, nur wenn unter vertretbarem Aufwand realisierbar, herzustellen.

[7] Die explizite Zuordnung von einzelnen Tabellenzellen zu den entsprechenden Headern ist nur bei erheblich komplexen Tabellen notwendig. Ggf. sollte eine solche, wenn mit vertretbarem Aufwand realisierbar, in diesem Falle eingearbeitet werden.

[8] GUI eScidoc Components würden bei entsprechender Serverseitiger Behandlung ohne JavaScript funktionieren.

[9] JSP setzt zwingend die Verwendung von JavaScript voraus.

[10] Derzeit keine Java-Applets o.ä. vorhanden.

[11] Alternativtexte der auslösenden Links sollten über eventuell öffnende Popups informieren. Je nach Aufwand kommen ggf. Layer zum Einsatz.

[12] PDF-Accessibiliy und Accessibility für andere Datenformate sind zu prüfen

[13] JSF-Output für Elemente nicht immer klar.

[14] Müssen entsprechend für kommende Releases überarbeitet und ggf. mit Tooltips ergänzt werden.

[15] Die Solutions orientieren sich in ihrem Aufbau eher an einer Desktop-Anwendung als an einem Webauftritt. Daher ist eine klare "Seitenstruktur" nicht abbildbar.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

@@ Line 1: / Line 1: @@
+{{Template:TemplateUIE_Activities}}
+<div style="float:left; width:70%; margin-bottom:3em;">
 =BITV Requirements=
 {|{{Prettytable}}
-|- style="color:white;background-color:#0780a0;"
+|- style="color:white;background-color:#364150;"
 !Kriterium!!Geplant für eSciDoc solutions!!Erfüllungsgrad!!Begründung!!Gewichtung (1-3)
 |-
-!Colspan="5" align='left' bgcolor = #a4d3e1 | Bereitstellung äquivalenter Alternativen für Audio- und visuelle Inhalte
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c | Bereitstellung äquivalenter Alternativen für Audio- und visuelle Inhalte
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1001&s=n Alternativtexte für Bedienelemente]||bgcolor = #d4d5d4|Ja|| || ||align="center"|3
@@ Line 18: / Line 21: @@
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1054&s=n Videos mit Untertiteln]|| nicht erforderlich|| || ||align="center"|3
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align="left" bgcolor = #a4d3e1|Verständlichkeit ohne Farbe
+!Colspan="5" align="left" bgcolor = #d4d5d4 color = #0c0c0c|Verständlichkeit ohne Farbe
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1005&s=n Auch ohne Farben nutzbar]||bgcolor = #d4d5d4|ja|| || ||align="center"|2
@@ Line 27: / Line 30: @@
 |[http://www.bitvtest.de/index.php?a=di&iid=1101&s=n Helligkeitskontraste von Grafiken ausreichend]||bgcolor = #d4d5d4|ja|| || ||align="center"|1
 |-
-|[http://www.bitvtest.de/index.php?a=di&iid=1097&s=n Helligkeitskontraste von Texten ausreichend]||bgcolor = #d4d5d4|ja(validate!)<ref>Testgegenstand: AERT Farbkontrast-Algorithmus mit der Vorgabe: Farbdifferenz >= 400. Verhältnis Farbsättigung zu Kontrast mit der Vorgabe: "auf Stufe AA für normalen Text" </ref>|| || ||align="center"|1
+|[http://www.bitvtest.de/index.php?a=di&iid=1097&s=n Helligkeitskontraste von Texten ausreichend]||bgcolor = #d4d5d4|ja(validate!)<ref>Testgegenstand: AERT Farbkontrast-Algorithmus mit der Vorgabe: Helligkeitsdifferenz (Prio1) >=125, Farbdifferenz (Prio2) >= 400, Verhältnis Farbsättigung zu Kontrast (Prio3) "auf Stufe AA für großen Text" </ref>|| || ||align="center"|1
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Korrekte Verwendung der Markup-Sprachen
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Korrekte Verwendung der Markup-Sprachen
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1067&s=n Verzicht auf Schriftgrafiken]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
@@ Line 48: / Line 51: @@
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1081&s=n HTML-Strukturelemente für Zitate]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Kenntlichmachung sprachlicher Besonderheiten
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Kenntlichmachung sprachlicher Besonderheiten
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1089&s=n Anderssprachige Wörter ausgezeichnet]||bgcolor = #d4d5d4|ja(to do)||  || ||align="center"|1
@@ Line 56: / Line 59: @@
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1091&s=n Hauptsprache angegeben]||bgcolor = #d4d5d4|ja(to do<ref>Dokumentensprache per lang-Attribut im Seitenkontext angeben</ref>)||  || ||align="center"|1
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzung und Beschreibung von Tabellen
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Nutzung und Beschreibung von Tabellen
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1120&s=n Datentabellen richtig aufgebaut]||bgcolor = #d4d5d4|ja(to be checked<ref>Tabellenaufbau ist ggf. JSP-abhängig - semantisch richtiger Aufbau ist hierbei zu prüfen und, nur wenn unter vertretbarem Aufwand realisierbar, herzustellen.</ref>)||  || ||align="center"|3
@@ Line 66: / Line 69: @@
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1070&s=n Kein Strukturmarkup für Layouttabellen]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzbarkeit ohne neuere Technologien
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Nutzbarkeit ohne neuere Technologien
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1007&s=n Auch ohne Stylesheets nutzbar]||bgcolor = #d4d5d4|ja||  || ||align="center"|3
 |-
-|[http://www.bitvtest.de/index.php?a=di&iid=85&s=n Auch ohne Skripte nutzbar]||bgcolor = #F6BDA9|ja(GUI-side<ref>GUI eScidoc Components würden bei entsprechender Serverseitiger Behandlung ohne JavaScript funktionieren.</ref>)/nein(JSP<ref>JSP setzt zwingend die Verwendung von JavaScript voraus.</ref>)||  || ||align="center"|3
+|[http://www.bitvtest.de/index.php?a=di&iid=85&s=n Auch ohne Skripte nutzbar]||bgcolor = #f48222|ja(GUI-side<ref>GUI eScidoc Components würden bei entsprechender Serverseitiger Behandlung ohne JavaScript funktionieren.</ref>)/nein(JSP<ref>JSP setzt zwingend die Verwendung von JavaScript voraus.</ref>)||  || ||align="center"|3
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Kontrolle zeitgesteuerter Änderungen des Inhalts
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Kontrolle zeitgesteuerter Änderungen des Inhalts
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1123&s=n Verzicht auf Ablenkung durch Blinken oder Bewegung]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
@@ Line 82: / Line 85: @@
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1036&s=n Verzicht auf Weiterleitung]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Zugänglichkeit von Benutzerschnittstellen
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Zugänglichkeit von Benutzerschnittstellen
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1093&s=n Zugängliche Alternativen für programmierte Objekte]||nicht erforderlich<ref>Derzeit keine Java-Applets o.ä. vorhanden.</ref>||  || ||align="center"|3
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1076&s=n Auch ohne Maus nutzbar]||bgcolor = #d4d5d4|ja||  || ||align="center"|3
@@ Line 94: / Line 97: @@
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1092&s=n Schlüssige Reihenfolge bei Tastaturbedienung]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Verwendbarkeit älterer assistiver Technologien
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Verwendbarkeit älterer assistiver Technologien
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1037&s=n Verzicht auf automatische Pop-Ups, neue Fenster angekündigt]||bgcolor = #d4d5d4|ja(wenn, dann alt-text<ref>Alternativtexte der auslösenden Links sollten über eventuell öffnende Popups informieren. Je nach Aufwand kommen ggf. Layer zum Einsatz.</ref>)|| || ||align="center"|2
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1047&s=n Beschriftung von Formularfeldern richtig angeordnet]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Öffentlichkeit und Dokumentation verwendeter Technologien
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Öffentlichkeit und Dokumentation verwendeter Technologien
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1125&s=n Angemessene Formate]||bgcolor = #d4d5d4|ja(to be checked<ref>PDF-Accessibiliy und Accessibility für andere Datenformate sind zu prüfen</ref>)||  || ||align="center"|2
@@ Line 108: / Line 111: @@
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1026&s=n Seiten für alle (keine Textversion)]||bgcolor = #d4d5d4|ja||  || ||align="center"|3
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Kontext- und Orientierungsinformationen
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Kontext- und Orientierungsinformationen
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1021&s=n Frames mit Titel und Name]||nicht erforderlich||  || ||align="center"|3
@@ Line 118: / Line 121: @@
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1048&s=n Label mit Formularelementen verknüpft]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Gestaltung von Navigationsmechanismen
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Gestaltung von Navigationsmechanismen
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1078&s=n Aussagekräftige Linktexte]||bgcolor = #d4d5d4|ja(to do)<ref>Müssen entsprechend für kommende Releases überarbeitet und ggf. mit Tooltips ergänzt werden.</ref>||  || ||align="center"|1
@@ Line 127: / Line 130: @@
 |[http://www.bitvtest.de/index.php?a=di&iid=1062&s=n Sinnvolle Dokumenttitel]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
 |-
-|[http://www.bitvtest.de/index.php?a=di&iid=1088&s=n Sitemap oder ähnliche Orientierungshilfe]||bgcolor = #F6BDA9|nein(breadcrumb?)<ref>Die Solutions orientieren sich in ihrem Aufbau eher an einer Desktop-Anwendung als an einem Webauftritt. Daher ist eine klare "Seitenstruktur" nicht abbildbar.</ref>||  || ||align="center"|2
+|[http://www.bitvtest.de/index.php?a=di&iid=1088&s=n Sitemap oder ähnliche Orientierungshilfe]||bgcolor = #f48222|nein(breadcrumb?)<ref>Die Solutions orientieren sich in ihrem Aufbau eher an einer Desktop-Anwendung als an einem Webauftritt. Daher ist eine klare "Seitenstruktur" nicht abbildbar.</ref>||  || ||align="center"|2
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1085&s=n Navigation einheitlich]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1086&s=n Position im Webauftritt klar]||bgcolor = #d4d5d4|ja(breadcrumb?)||  || ||align="center"|3
-|- style="background-color:#0780a0;"
+|- style="background-color:#364150;"
-!Colspan="5" align='left' bgcolor = #a4d3e1| Förderung des allgemeinen Verständnisses
+!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Förderung des allgemeinen Verständnisses
 |-
 |[http://www.bitvtest.de/index.php?a=di&iid=1084&s=n Einfache Wörter]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
@@ Line 143: / Line 146: @@
 <references/>
-[[Category:User Interface Engineering]]
+</div>
-[[Category:Interface development]]
+[[Category: User Interface Engineering]]

Difference between revisions of "GUI Accessibility"

Latest revision as of 08:23, 17 May 2011

BITV Requirements[edit]

References[edit]

Navigation menu

Search