Difference between revisions of "GUI Accessibility"

From MPDLMediaWiki
Jump to navigation Jump to search
m
 
(76 intermediate revisions by 3 users not shown)
Line 1: Line 1:
=Requirements of BITV=
{{Template:TemplateUIE_Activities}}
<div style="float:left; width:70%; margin-bottom:3em;">
 
=BITV Requirements=


{|{{Prettytable}}
{|{{Prettytable}}
|- style="color:white;background-color:#1b90b5;"
|- style="color:white;background-color:#364150;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Geplant für eSciDoc solutions!!Erfüllungsgrad!!Begründung!!Gewichtung (1-3)
|-
|-
!Colspan="3" align='left'| 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
|-   
|-   
|Alternativtexte für Bedienelemente||bgcolor = #ffc374|Geplant||bgcolor = #ffffff|Redesign GUI V2
|[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=1066&s=n Alternativtexte für Grafiken und Objekte]||bgcolor = #d4d5d4|Ja|| || ||align="center"|3
|-
|[http://www.bitvtest.de/index.php?a=di&iid=1003&s=n Leere alt-Attribute für Layoutgrafiken]||nicht erforderlich || || ||align="center"|1
|-
|[http://www.bitvtest.de/index.php?a=di&iid=1004&s=n Alternativen für serverseitige Imagemaps]||nicht erforderlich || || ||align="center"|3
|-  
|-  
|Alternativtexte für Grafiken und Objekte||bgcolor = #ffc374|Geplant ||bgcolor = #ffffff|Redesign GUI V2
|[http://www.bitvtest.de/index.php?a=di&iid=1025&s=n Audiodeskription für Videos]||nicht erforderlich || || ||align="center"|3
|-  
|-  
|Leere alt-Attribute für Layoutgrafiken||bgcolor = #bbcfa4|nicht erforderlich||bgcolor = #ffffff|
|[http://www.bitvtest.de/index.php?a=di&iid=1054&s=n Videos mit Untertiteln]|| nicht erforderlich|| || ||align="center"|3
|- style="background-color:#364150;"
!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
|-  
|-  
|Audiodeskription für Videos||bgcolor = #bbcfa4|nicht erforderlich||bgcolor = #ffffff|
|[http://www.bitvtest.de/index.php?a=di&iid=1027&s=n Grafiken vor wechselndem Hintergrund erkennbar]||bgcolor = #d4d5d4|ja|| || ||align="center"|1
|-  
|-  
|Videos mit Untertiteln||bgcolor = #bbcfa4|nicht erforderlich||bgcolor = #ffffff|
|[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: 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:#364150;"
{|{{Prettytable}}
!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Korrekte Verwendung der Markup-Sprachen
|- bgcolor = #ccccff
|- 
!Kriterium!!Erfüllungsgrad!!Begründung
|[http://www.bitvtest.de/index.php?a=di&iid=1067&s=n Verzicht auf Schriftgrafiken]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
|- bgcolor = #eeeeff
|-
!Colspan="3" align='left'| Verständlichkeit ohne Farbe
|[http://www.bitvtest.de/index.php?a=di&iid=1096&s=n Title-Attribut für Symbole]||bgcolor = #d4d5d4|ja||  || ||align="center"|1
|- bgcolor = #eeeeff
|-
|Auch ohne Farben nutzbar|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1056&s=n Valides HTML]||bgcolor = #d4d5d4|ja(check for Trinidad<ref>Validität des Trinidad/JSP-Output nicht immer klar.</ref>)||  || ||align="center"|2
|- bgcolor = #eeeeff
|-
|Grafiken vor wechselndem Hintergrund erkennbar|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1087&s=n Stylesheets für die Positionierung verwendet]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
|- bgcolor = #eeeeff
|-
|Helligkeitskontraste von Grafiken ausreichend|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1102&s=n Schriftgröße variabel]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
|-  
|[http://www.bitvtest.de/index.php?a=di&iid=1103&s=n Bei geringer Bildschirmauflösung lesbar]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
|-
|[http://www.bitvtest.de/index.php?a=di&iid=1079&s=n HTML-Strukturelemente für Überschriften]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
|-
|[http://www.bitvtest.de/index.php?a=di&iid=1080&s=n HTML-Strukturelemente für Listen]||bgcolor = #d4d5d4|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 = #d4d5d4|ja||  || ||align="center"|1
|- style="background-color:#364150;"
!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=1090&s=n Anderssprachige Abschnitte ausgezeichnet]||bgcolor = #d4d5d4|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 = #d4d5d4|ja(to do<ref>Dokumentensprache per lang-Attribut im Seitenkontext angeben</ref>)||  || ||align="center"|1
|- style="background-color:#364150;"
!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=1121&s=n Zuordnung von Tabellenzellen]||bgcolor = #d4d5d4|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 = #d4d5d4|ja||  || ||align="center"|2
|-
|[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;"
!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 = #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;"
!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=1124&s=n Verzicht auf blinkende oder bewegte Inhalte]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
|-
|[http://www.bitvtest.de/index.php?a=di&iid=1035&s=n Verzicht auf Auto-Aktualisierung]||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;"
!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:#364150;"
!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=1119&s=n Aktuelle Position des Fokus deutlich]||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;"
!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:#364150;"
!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=1039&s=n Verzicht auf veraltete Elemente und Attribute]||bgcolor = #d4d5d4|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 = #d4d5d4|ja||  || ||align="center"|3
|- style="background-color:#364150;"
!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=1046&s=n Aufbau der Frames verständlich]||nicht erforderlich||  || ||align="center"|2
|-
|[http://www.bitvtest.de/index.php?a=di&iid=1082&s=n Inhalte gegliedert]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
|-  
|-  
|}
|[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;"
{|{{Prettytable}}
!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Gestaltung von Navigationsmechanismen
|- bgcolor = #ccccff
|-
!Kriterium!!Erfüllungsgrad!!Begründung
|[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
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Korrekte Verwendung der Markup-Sprachen
|- bgcolor = #eeeeff
|Verzicht auf Schriftgrafiken|| ||
|- bgcolor = #eeeeff
|Title-Attribut für Symbole|| ||  
|- bgcolor = #eeeeff
|Valides HTML|| ||
|- bgcolor = #eeeeff
|Stylesheets für die Positionierung verwendet|| ||
|- bgcolor = #eeeeff
|Schriftgröße variabel|| ||
|- bgcolor = #eeeeff
|Bei geringer Bildschirmauflösung lesbar|| ||
|- bgcolor = #eeeeff
|HTML-Strukturelemente für Überschriften|| ||  
|- bgcolor = #eeeeff
|HTML-Strukturelemente für Listen|| ||
|- bgcolor = #eeeeff
|HTML-Strukturelemente für Zitate|| ||  
|-  
|-  
|}
|[http://www.bitvtest.de/index.php?a=di&iid=1095&s=n Links informieren über Dateiformat]||bgcolor = #d4d5d4|ja|| || ||align="center"|1
 
{|{{Prettytable}}
|- bgcolor = #ccccff
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Kenntlichmachung sprachlicher Besonderheiten
|- bgcolor = #eeeeff
|Anderssprachige Wörter ausgezeichnet|| ||  
|- bgcolor = #eeeeff
|Anderssprachige Abschnitte ausgezeichnet|| ||  
|-  
|-  
|}
|[http://www.bitvtest.de/index.php?a=di&iid=1062&s=n Sinnvolle Dokumenttitel]||bgcolor = #d4d5d4|ja|| || ||align="center"|2
 
{|{{Prettytable}}
|- bgcolor = #ccccff
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Nutzung und Beschreibung von Tabellen
|- bgcolor = #eeeeff
|Datentabellen richtig aufgebaut|| ||  
|- bgcolor = #eeeeff
|Zuordnung von Tabellenzellen|| ||
|- bgcolor = #eeeeff
|Layouttabellen linearisierbar|| ||
|- bgcolor = #eeeeff
|Kein Strukturmarkup für Layouttabellen|| ||
|-
|}
 
{|{{Prettytable}}
|- bgcolor = #ccccff
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Nutzbarkeit ohne neuere Technologien
|- bgcolor = #eeeeff
|Auch ohne Stylesheets nutzbar|| ||
|- bgcolor = #eeeeff
|Auch ohne Skripte nutzbar|| ||  
|-  
|-  
|}
|[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
 
{|{{Prettytable}}
|- bgcolor = #ccccff
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Kontrolle zeitgesteuerter Änderungen des Inhalts
|- bgcolor = #eeeeff
|Verzicht auf Ablenkung durch Blinken oder Bewegung|| ||
|- bgcolor = #eeeeff
|Verzicht auf blinkende oder bewegte Inhalte|| ||
|- bgcolor = #eeeeff
|Verzicht auf Auto-Aktualisierung|| ||  
|- bgcolor = #eeeeff
|Verzicht auf Weiterleitung|| ||
|-
|}
 
{|{{Prettytable}}
|- bgcolor = #ccccff
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Zugänglichkeit von Benutzerschnittstellen
|- bgcolor = #eeeeff
|Zugängliche Alternativen für programmierte Objekte|| ||  
|-  
|-  
|}
|[http://www.bitvtest.de/index.php?a=di&iid=1085&s=n Navigation einheitlich]||bgcolor = #d4d5d4|ja|| || ||align="center"|2
 
{|{{Prettytable}}
|- bgcolor = #ccccff
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
|- bgcolor = #eeeeff
|Auch ohne Maus nutzbar|| ||  
|- bgcolor = #eeeeff
|Aktuelle Position des Fokus deutlich|| ||
|- bgcolor = #eeeeff
|Schlüssige Reihenfolge bei Tastaturbedienung|| ||  
|-  
|-  
|}
|[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;"
{|{{Prettytable}}
!Colspan="5" align='left' bgcolor = #d4d5d4 color = #0c0c0c| Förderung des allgemeinen Verständnisses
|- bgcolor = #ccccff
|-
!Kriterium!!Erfüllungsgrad!!Begründung
|[http://www.bitvtest.de/index.php?a=di&iid=1084&s=n Einfache Wörter]||bgcolor = #d4d5d4|ja||  || ||align="center"|2
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Verwendbarkeit älterer assistiver Technologien
|- bgcolor = #eeeeff
|Verzicht auf automatische Pop-Ups, neue Fenster angekündigt|| ||  
|- bgcolor = #eeeeff
|Beschriftung von Formularfeldern richtig angeordnet|| ||  
|-  
|-  
|}
|}


{|{{Prettytable}}
|- bgcolor = #ccccff
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Öffentlichkeit und Dokumentation verwendeter Technologien
|- bgcolor = #eeeeff
|Angemessene Formate|| ||
|- bgcolor = #eeeeff
|Verzicht auf veraltete Elemente und Attribute|| ||
|- bgcolor = #eeeeff
|Seiten für alle (keine Textversion)|| ||
|-
|}


{|{{Prettytable}}
==References==
|- bgcolor = #ccccff
<references/>
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Kontext- und Orientierungsinformationen
|- bgcolor = #eeeeff
|Frames mit Titel und Name|| ||
|- bgcolor = #eeeeff
|Aufbau der Frames verständlich|| ||
|- bgcolor = #eeeeff
|Inhalte gegliedert|| ||
|- bgcolor = #eeeeff
|Label mit Formularelementen verknüpft|| ||
|-
|}


{|{{Prettytable}}
</div>
|- bgcolor = #ccccff
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Gestaltung von Navigationsmechanismen
|- bgcolor = #eeeeff
|Aussagekräftige Linktexte|| ||
|- bgcolor = #eeeeff
|Links informieren über Dateiformat|| ||
|- bgcolor = #eeeeff
|Sinnvolle Dokumenttitel|| ||
|- bgcolor = #eeeeff
|Sitemap oder ähnliche Orientierungshilfe|| ||
|- bgcolor = #eeeeff
|Navigation einheitlich|| ||
|- bgcolor = #eeeeff
|Position im Webauftritt klar|| ||
|-
|}


{|{{Prettytable}}
[[Category: User Interface Engineering]]
|- bgcolor = #ccccff
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
!Colspan="3" align='left'| Förderung des allgemeinen Verständnisses
|- bgcolor = #eeeeff
|Einfache Wörter|| ||
|-
|}

Latest revision as of 08:23, 17 May 2011

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: 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.

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