Difference between revisions of "GUI Accessibility"

From MPDLMediaWiki
Jump to navigation Jump to search
m
Line 2: Line 2:


{|{{Prettytable}}
{|{{Prettytable}}
|- style="color:white;background-color:#1b90b5;"
|- style="color:white;background-color:#1085b0;"
!Kriterium!!Geplant für eSciDoc solutions!!Erfüllungsgrad!!Begründung!!Gewichtung (1-3)
!Kriterium!!Geplant für eSciDoc solutions!!Erfüllungsgrad!!Begründung!!Gewichtung (1-3)
|-
|-
Line 18: Line 18:
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1054&s=n Videos mit Untertiteln]|| nicht erforderlich|| || ||align="center"|3
|[http://www.bitvtest.de/index.php?a=di&iid=1054&s=n Videos mit Untertiteln]|| nicht erforderlich|| || ||align="center"|3
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align="left" bgcolor = #a4d3e1|Verständlichkeit ohne Farbe
!Colspan="5" align="left" bgcolor = #a4d3e1|Verständlichkeit ohne Farbe
|-   
|-   
Line 28: Line 28:
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1097&s=n Helligkeitskontraste von Texten ausreichend]||bgcolor = #efefef|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 = #efefef|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
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Korrekte Verwendung der Markup-Sprachen
!Colspan="5" align='left' bgcolor = #a4d3e1| Korrekte Verwendung der Markup-Sprachen
|-   
|-   
Line 48: Line 48:
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1081&s=n HTML-Strukturelemente für Zitate]||bgcolor = #efefef|ja||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1081&s=n HTML-Strukturelemente für Zitate]||bgcolor = #efefef|ja||  || ||align="center"|1
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Kenntlichmachung sprachlicher Besonderheiten
!Colspan="5" align='left' bgcolor = #a4d3e1| Kenntlichmachung sprachlicher Besonderheiten
|-   
|-   
Line 56: Line 56:
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1091&s=n Hauptsprache angegeben]||bgcolor = #efefef|ja(to do<ref>Dokumentensprache per lang-Attribut im Seitenkontext angeben</ref>)||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1091&s=n Hauptsprache angegeben]||bgcolor = #efefef|ja(to do<ref>Dokumentensprache per lang-Attribut im Seitenkontext angeben</ref>)||  || ||align="center"|1
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzung und Beschreibung von Tabellen
!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzung und Beschreibung von Tabellen
|-   
|-   
Line 66: Line 66:
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1070&s=n Kein Strukturmarkup für Layouttabellen]||bgcolor = #efefef|ja||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1070&s=n Kein Strukturmarkup für Layouttabellen]||bgcolor = #efefef|ja||  || ||align="center"|1
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzbarkeit ohne neuere Technologien
!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzbarkeit ohne neuere Technologien
|-   
|-   
Line 72: Line 72:
|-  
|-  
|[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 = #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
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Kontrolle zeitgesteuerter Änderungen des Inhalts
!Colspan="5" align='left' bgcolor = #a4d3e1| Kontrolle zeitgesteuerter Änderungen des Inhalts
|-   
|-   
Line 82: Line 82:
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1036&s=n Verzicht auf Weiterleitung]||bgcolor = #efefef|ja||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1036&s=n Verzicht auf Weiterleitung]||bgcolor = #efefef|ja||  || ||align="center"|1
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Zugänglichkeit von Benutzerschnittstellen
!Colspan="5" align='left' bgcolor = #a4d3e1| 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
|[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:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
!Colspan="5" align='left' bgcolor = #a4d3e1| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
|-   
|-   
Line 94: Line 94:
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1092&s=n Schlüssige Reihenfolge bei Tastaturbedienung]||bgcolor = #efefef|ja||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1092&s=n Schlüssige Reihenfolge bei Tastaturbedienung]||bgcolor = #efefef|ja||  || ||align="center"|1
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Verwendbarkeit älterer assistiver Technologien
!Colspan="5" align='left' bgcolor = #a4d3e1| Verwendbarkeit älterer assistiver Technologien
|-   
|-   
Line 100: Line 100:
|-   
|-   
|[http://www.bitvtest.de/index.php?a=di&iid=1047&s=n Beschriftung von Formularfeldern richtig angeordnet]||bgcolor = #efefef|ja||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1047&s=n Beschriftung von Formularfeldern richtig angeordnet]||bgcolor = #efefef|ja||  || ||align="center"|2
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Öffentlichkeit und Dokumentation verwendeter Technologien
!Colspan="5" align='left' bgcolor = #a4d3e1| Öffentlichkeit und Dokumentation verwendeter Technologien
|-   
|-   
Line 108: Line 108:
|-   
|-   
|[http://www.bitvtest.de/index.php?a=di&iid=1026&s=n Seiten für alle (keine Textversion)]||bgcolor = #efefef|ja||  || ||align="center"|3
|[http://www.bitvtest.de/index.php?a=di&iid=1026&s=n Seiten für alle (keine Textversion)]||bgcolor = #efefef|ja||  || ||align="center"|3
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Kontext- und Orientierungsinformationen
!Colspan="5" align='left' bgcolor = #a4d3e1| Kontext- und Orientierungsinformationen
|-   
|-   
Line 118: Line 118:
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1048&s=n Label mit Formularelementen verknüpft]||bgcolor = #efefef|ja||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1048&s=n Label mit Formularelementen verknüpft]||bgcolor = #efefef|ja||  || ||align="center"|1
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Gestaltung von Navigationsmechanismen
!Colspan="5" align='left' bgcolor = #a4d3e1| Gestaltung von Navigationsmechanismen
|-   
|-   
Line 132: Line 132:
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1086&s=n Position im Webauftritt klar]||bgcolor = #efefef|ja(breadcrumb?)||  || ||align="center"|3
|[http://www.bitvtest.de/index.php?a=di&iid=1086&s=n Position im Webauftritt klar]||bgcolor = #efefef|ja(breadcrumb?)||  || ||align="center"|3
|- style="background-color:#1b90b5;"
|- style="background-color:#1085b0;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Förderung des allgemeinen Verständnisses
!Colspan="5" align='left' bgcolor = #a4d3e1| Förderung des allgemeinen Verständnisses
|-   
|-   

Revision as of 13:54, 17 March 2009

BITV Requirements[edit]

Kriterium Geplant für eSciDoc solutions Erfüllungsgrad Begründung 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]

  1. ↑ 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"
  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.

Enhanced Scientific Documentation

Graphical User Interface

JavaServer Pages

JavaServer Faces

Global Release Identifier

Portable Document Format

Retrieved from "https://colab.mpdl.mpg.de/mw010/index.php?title=GUI_Accessibility&oldid=30442"