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 = #919da9 color = #0c0c0c | 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
|[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 = #919da9 color = #0c0c0c|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
|[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 = #919da9 color = #0c0c0c| 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
|[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 = #919da9 color = #0c0c0c| 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
|[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 = #919da9 color = #0c0c0c| 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
|[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 = #919da9 color = #0c0c0c| 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=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 = #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
|[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:#364150;"
|- style="background-color:#364150;"
!Colspan="5" align='left' bgcolor = #919da9 color = #0c0c0c| 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
|[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 = #919da9 color = #0c0c0c| 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
|[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 = #919da9 color = #0c0c0c| 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
|[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 = #919da9 color = #0c0c0c| 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=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 = #919da9 color = #0c0c0c| Ö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
|[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 = #919da9 color = #0c0c0c| 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
|[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 = #919da9 color = #0c0c0c| 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
|[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 = #919da9 color = #0c0c0c| 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
|[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:15, 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=30457"