Difference between revisions of "GUI Accessibility"

From MPDLMediaWiki
Jump to navigation Jump to search
Line 35: Line 35:
|[http://www.bitvtest.de/index.php?a=di&iid=1096&s=n Title-Attribut für Symbole]||bgcolor = #bbcfa4|ja||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1096&s=n Title-Attribut für Symbole]||bgcolor = #bbcfa4|ja||  || ||align="center"|1
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1056&s=n Valides HTML]||bgcolor = #bbcfa4|ja(check for Trinidad)||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1056&s=n Valides HTML]||bgcolor = #bbcfa4|ja(check for Trinidad<ref>Validität des Trinidad/JSP-Output nicht immer klar.</ref>)||  || ||align="center"|2
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1087&s=n Stylesheets für die Positionierung verwendet]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1087&s=n Stylesheets für die Positionierung verwendet]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
Line 45: Line 45:
|[http://www.bitvtest.de/index.php?a=di&iid=1079&s=n HTML-Strukturelemente für Überschriften]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1079&s=n HTML-Strukturelemente für Überschriften]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1080&s=n HTML-Strukturelemente für Listen]||bgcolor = #bbcfa4|ja(not for grid list)||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1080&s=n HTML-Strukturelemente für Listen]||bgcolor = #bbcfa4|ja(not for grid list<ref>Aus semantischer Sicht stellt eine Grid-List eher eine Tabelle, denn eine Liste dar und ist deshalb im Markup als Tabelle zu realisieren.</ref>)||  || ||align="center"|2
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1081&s=n HTML-Strukturelemente für Zitate]||bgcolor = #bbcfa4|ja(?)||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1081&s=n HTML-Strukturelemente für Zitate]||bgcolor = #bbcfa4|ja||  || ||align="center"|1
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Kenntlichmachung sprachlicher Besonderheiten
!Colspan="5" align='left' bgcolor = #a4d3e1| Kenntlichmachung sprachlicher Besonderheiten
Line 53: Line 53:
|[http://www.bitvtest.de/index.php?a=di&iid=1089&s=n Anderssprachige Wörter ausgezeichnet]||bgcolor = #bbcfa4|ja(to do)||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1089&s=n Anderssprachige Wörter ausgezeichnet]||bgcolor = #bbcfa4|ja(to do)||  || ||align="center"|1
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1090&s=n Anderssprachige Abschnitte ausgezeichnet]||bgcolor = #bbcfa4|ja(to do)||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1090&s=n Anderssprachige Abschnitte ausgezeichnet]||bgcolor = #bbcfa4|ja(to do<ref>Nicht der Hauptsprache entsprechende Elemente sind per lang-Attribut zu kennzeichnen.</ref>)||  || ||align="center"|1
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1091&s=n Hauptsprache angegeben]||bgcolor = #bbcfa4|ja(to do)||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1091&s=n Hauptsprache angegeben]||bgcolor = #bbcfa4|ja(to do<ref>Dokumentensprache per lang-Attribut im Seitenkontext angeben</ref>)||  || ||align="center"|1
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzung und Beschreibung von Tabellen
!Colspan="5" align='left' bgcolor = #a4d3e1| Nutzung und Beschreibung von Tabellen
|-   
|-   
|[http://www.bitvtest.de/index.php?a=di&iid=1120&s=n Datentabellen richtig aufgebaut]||bgcolor = #bbcfa4|ja(to be checked)||  || ||align="center"|3
|[http://www.bitvtest.de/index.php?a=di&iid=1120&s=n Datentabellen richtig aufgebaut]||bgcolor = #bbcfa4|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=1121&s=n Zuordnung von Tabellenzellen]||bgcolor = #bbcfa4|ja(aufwandsabhängig)||  || ||align="center"|3
|[http://www.bitvtest.de/index.php?a=di&iid=1121&s=n Zuordnung von Tabellenzellen]||bgcolor = #bbcfa4|ja(aufwandsabhängig<ref>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.</ref>)||  || ||align="center"|3
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1045&s=n Layouttabellen linearisierbar]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1045&s=n Layouttabellen linearisierbar]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
Line 71: Line 71:
|[http://www.bitvtest.de/index.php?a=di&iid=1007&s=n Auch ohne Stylesheets nutzbar]||bgcolor = #bbcfa4|ja||  || ||align="center"|3
|[http://www.bitvtest.de/index.php?a=di&iid=1007&s=n Auch ohne Stylesheets nutzbar]||bgcolor = #bbcfa4|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)/nein(JSP)||  || ||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:#1b90b5;"
!Colspan="5" align='left' bgcolor = #a4d3e1| Kontrolle zeitgesteuerter Änderungen des Inhalts
!Colspan="5" align='left' bgcolor = #a4d3e1| Kontrolle zeitgesteuerter Änderungen des Inhalts
Line 85: Line 85:
!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||  || ||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:#1b90b5;"
!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 97: Line 97:
!Colspan="5" align='left' bgcolor = #a4d3e1| Verwendbarkeit älterer assistiver Technologien
!Colspan="5" align='left' bgcolor = #a4d3e1| 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 = #bbcfa4|ja(wenn, dann alt-text)|| || ||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 = #bbcfa4|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 = #bbcfa4|ja||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1047&s=n Beschriftung von Formularfeldern richtig angeordnet]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
Line 103: Line 103:
!Colspan="5" align='left' bgcolor = #a4d3e1| Öffentlichkeit und Dokumentation verwendeter Technologien
!Colspan="5" align='left' bgcolor = #a4d3e1| Öffentlichkeit und Dokumentation verwendeter Technologien
|-   
|-   
|[http://www.bitvtest.de/index.php?a=di&iid=1125&s=n Angemessene Formate]||bgcolor = #bbcfa4|ja(to be checked)||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1125&s=n Angemessene Formate]||bgcolor = #bbcfa4|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=1039&s=n Verzicht auf veraltete Elemente und Attribute]||bgcolor = #bbcfa4|ja(?JSF)||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1039&s=n Verzicht auf veraltete Elemente und Attribute]||bgcolor = #bbcfa4|ja(?JSF<ref>JSF-Output für Elemente nicht immer klar.</ref>)||  || ||align="center"|1
|-   
|-   
|[http://www.bitvtest.de/index.php?a=di&iid=1026&s=n Seiten für alle (keine Textversion)]||bgcolor = #bbcfa4|ja||  || ||align="center"|3
|[http://www.bitvtest.de/index.php?a=di&iid=1026&s=n Seiten für alle (keine Textversion)]||bgcolor = #bbcfa4|ja||  || ||align="center"|3
Line 121: Line 121:
!Colspan="5" align='left' bgcolor = #a4d3e1| Gestaltung von Navigationsmechanismen
!Colspan="5" align='left' bgcolor = #a4d3e1| Gestaltung von Navigationsmechanismen
|-   
|-   
|[http://www.bitvtest.de/index.php?a=di&iid=1078&s=n Aussagekräftige Linktexte]||bgcolor = #bbcfa4|ja(to do)||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1078&s=n Aussagekräftige Linktexte]||bgcolor = #bbcfa4|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=1095&s=n Links informieren über Dateiformat]||bgcolor = #bbcfa4|ja||  || ||align="center"|1
|[http://www.bitvtest.de/index.php?a=di&iid=1095&s=n Links informieren über Dateiformat]||bgcolor = #bbcfa4|ja||  || ||align="center"|1
Line 127: Line 127:
|[http://www.bitvtest.de/index.php?a=di&iid=1062&s=n Sinnvolle Dokumenttitel]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1062&s=n Sinnvolle Dokumenttitel]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
|-  
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1088&s=n Sitemap oder ähnliche Orientierungshilfe]||bgcolor = #F6BDA9|nein(breadcrumb?)||  || ||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=1085&s=n Navigation einheitlich]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
|[http://www.bitvtest.de/index.php?a=di&iid=1085&s=n Navigation einheitlich]||bgcolor = #bbcfa4|ja||  || ||align="center"|2
Line 139: Line 139:
|}
|}


==References==
<references/>


[[Category:User Interface Engineering]]
[[Category:User Interface Engineering]]
[[Category:Interface development]]
[[Category:Interface development]]

Revision as of 11:43, 19 June 2008

BITV Requirements[edit]

Kriterium Geplant 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
Korrekte Verwendung der Markup-Sprachen
Verzicht auf Schriftgrafiken ja 2
Title-Attribut für Symbole ja 1
Valides HTML ja(check for Trinidad[1]) 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[2]) 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[3]) 1
Hauptsprache angegeben ja(to do[4]) 1
Nutzung und Beschreibung von Tabellen
Datentabellen richtig aufgebaut ja(to be checked[5]) 3
Zuordnung von Tabellenzellen ja(aufwandsabhängig[6]) 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[7])/nein(JSP[8]) 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[9] 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[10]) 2
Beschriftung von Formularfeldern richtig angeordnet ja 2
Öffentlichkeit und Dokumentation verwendeter Technologien
Angemessene Formate ja(to be checked[11]) 2
Verzicht auf veraltete Elemente und Attribute ja(?JSF[12]) 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)[13] 1
Links informieren über Dateiformat ja 1
Sinnvolle Dokumenttitel ja 2
Sitemap oder ähnliche Orientierungshilfe nein(breadcrumb?)[14] 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. ↑ Validität des Trinidad/JSP-Output nicht immer klar.
  2. ↑ Aus semantischer Sicht stellt eine Grid-List eher eine Tabelle, denn eine Liste dar und ist deshalb im Markup als Tabelle zu realisieren.
  3. ↑ Nicht der Hauptsprache entsprechende Elemente sind per lang-Attribut zu kennzeichnen.
  4. ↑ Dokumentensprache per lang-Attribut im Seitenkontext angeben
  5. ↑ Tabellenaufbau ist ggf. JSP-abhängig - semantisch richtiger Aufbau ist hierbei zu prüfen und, nur wenn unter vertretbarem Aufwand realisierbar, herzustellen.
  6. ↑ 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.
  7. ↑ GUI eScidoc Components würden bei entsprechender Serverseitiger Behandlung ohne JavaScript funktionieren.
  8. ↑ JSP setzt zwingend die Verwendung von JavaScript voraus.
  9. ↑ Derzeit keine Java-Applets o.ä. vorhanden.
  10. ↑ Alternativtexte der auslösenden Links sollten über eventuell öffnende Popups informieren. Je nach Aufwand kommen ggf. Layer zum Einsatz.
  11. ↑ PDF-Accessibiliy und Accessibility für andere Datenformate sind zu prüfen
  12. ↑ JSF-Output für Elemente nicht immer klar.
  13. ↑ Müssen entsprechend für kommende Releases überarbeitet und ggf. mit Tooltips ergänzt werden.
  14. ↑ Die Solutions orientieren sich in ihrem Aufbau eher an einer Desktop-Anwendung als an einem Webauftritt. Daher ist eine klare "Seitenstruktur" nicht abbildbar.

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=16252"