Difference between revisions of "GUI Accessibility"

From MPDLMediaWiki
Jump to navigation Jump to search
Line 5: Line 5:
!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)
|-
|-
!Colspan="5" align='left' bgcolor = #a4d3e1 | Bereitstellung äquivalenter Alternativen für Audio- und visuelle Inhalte
!Colspan="5" align='left' bgcolor = #919da9 | 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
|[http://www.bitvtest.de/index.php?a=di&iid=1001&s=n Alternativtexte für Bedienelemente]||bgcolor = #d4d5d4|Ja|| || ||align="center"|3
Line 19: Line 19:
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align="left" bgcolor = #a4d3e1|Verständlichkeit ohne Farbe
!Colspan="5" align="left" bgcolor = #919da9|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
|[http://www.bitvtest.de/index.php?a=di&iid=1005&s=n Auch ohne Farben nutzbar]||bgcolor = #d4d5d4|ja|| || ||align="center"|2
Line 29: Line 29:
|[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: 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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Korrekte Verwendung der Markup-Sprachen
!Colspan="5" align='left' bgcolor = #919da9| 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
|[http://www.bitvtest.de/index.php?a=di&iid=1067&s=n Verzicht auf Schriftgrafiken]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
Line 49: Line 49:
|[http://www.bitvtest.de/index.php?a=di&iid=1081&s=n HTML-Strukturelemente für Zitate]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Kenntlichmachung sprachlicher Besonderheiten
!Colspan="5" align='left' bgcolor = #919da9| 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
|[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 57: Line 57:
|[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
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzung und Beschreibung von Tabellen
!Colspan="5" align='left' bgcolor = #919da9| 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
|[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 67: Line 67:
|[http://www.bitvtest.de/index.php?a=di&iid=1070&s=n Kein Strukturmarkup für Layouttabellen]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzbarkeit ohne neuere Technologien
!Colspan="5" align='left' bgcolor = #919da9| 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=1007&s=n Auch ohne Stylesheets nutzbar]||bgcolor = #d4d5d4|ja||  || ||align="center"|3
Line 73: Line 73:
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Kontrolle zeitgesteuerter Änderungen des Inhalts
!Colspan="5" align='left' bgcolor = #919da9| 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
|[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 83: Line 83:
|[http://www.bitvtest.de/index.php?a=di&iid=1036&s=n Verzicht auf Weiterleitung]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1036&s=n Verzicht auf Weiterleitung]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
|- style="background-color:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Zugänglichkeit von Benutzerschnittstellen
!Colspan="5" align='left' bgcolor = #919da9| 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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
!Colspan="5" align='left' bgcolor = #919da9| 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
|[http://www.bitvtest.de/index.php?a=di&iid=1076&s=n Auch ohne Maus nutzbar]||bgcolor = #d4d5d4|ja||  || ||align="center"|3
Line 95: Line 95:
|[http://www.bitvtest.de/index.php?a=di&iid=1092&s=n Schlüssige Reihenfolge bei Tastaturbedienung]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Verwendbarkeit älterer assistiver Technologien
!Colspan="5" align='left' bgcolor = #919da9| 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=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  
Line 101: Line 101:
|[http://www.bitvtest.de/index.php?a=di&iid=1047&s=n Beschriftung von Formularfeldern richtig angeordnet]||bgcolor = #d4d5d4|ja||  || ||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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Öffentlichkeit und Dokumentation verwendeter Technologien
!Colspan="5" align='left' bgcolor = #919da9| Ö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
|[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 109: Line 109:
|[http://www.bitvtest.de/index.php?a=di&iid=1026&s=n Seiten für alle (keine Textversion)]||bgcolor = #d4d5d4|ja||  || ||align="center"|3
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Kontext- und Orientierungsinformationen
!Colspan="5" align='left' bgcolor = #919da9| 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
|[http://www.bitvtest.de/index.php?a=di&iid=1021&s=n Frames mit Titel und Name]||nicht erforderlich||  || ||align="center"|3
Line 119: Line 119:
|[http://www.bitvtest.de/index.php?a=di&iid=1048&s=n Label mit Formularelementen verknüpft]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Gestaltung von Navigationsmechanismen
!Colspan="5" align='left' bgcolor = #919da9| 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
|[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 133: Line 133:
|[http://www.bitvtest.de/index.php?a=di&iid=1086&s=n Position im Webauftritt klar]||bgcolor = #d4d5d4|ja(breadcrumb?)||  || ||align="center"|3
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Förderung des allgemeinen Verständnisses
!Colspan="5" align='left' bgcolor = #919da9| 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
|[http://www.bitvtest.de/index.php?a=di&iid=1084&s=n Einfache Wörter]||bgcolor = #d4d5d4|ja||  || ||align="center"|2

Revision as of 14:06, 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=30451"