Difference between revisions of "GUI Accessibility"

From MPDLMediaWiki
Jump to navigation Jump to search
Line 3: Line 3:
{|{{Prettytable}}
{|{{Prettytable}}
|- style="color:white;background-color:#1b90b5;"
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung!!Gewichtung (1-3)
!Kriterium!!Geplant!!Erfüllungsgrad!!Begründung!!Gewichtung (1-3)
|-
|-
!Colspan="4" align='left' bgcolor = #a4d3e1 | Bereitstellung äquivalenter Alternativen für Audio- und visuelle Inhalte
!Colspan="4" align='left' bgcolor = #a4d3e1 | Bereitstellung äquivalenter Alternativen für Audio- und visuelle Inhalte
Line 9: Line 9:
|[http://www.bitvtest.de/index.php?a=di&iid=1001&s=n Alternativtexte für Bedienelemente]||bgcolor = #FFFFCC|Geplant||Redesign GUI V2
|[http://www.bitvtest.de/index.php?a=di&iid=1001&s=n Alternativtexte für Bedienelemente]||bgcolor = #FFFFCC|Geplant||Redesign GUI V2
|-  
|-  
|Alternativtexte für Grafiken und Objekte||bgcolor = #FFFFCC|Geplant ||Redesign GUI V2
|[http://www.bitvtest.de/index.php?a=di&iid=1066&s=n Alternativtexte für Grafiken und Objekte]||bgcolor = #FFFFCC|Geplant ||Redesign GUI V2
|-  
|-  
|Leere alt-Attribute für Layoutgrafiken||bgcolor = #bbcfa4|nicht erforderlich||
|[http://www.bitvtest.de/index.php?a=di&iid=1003&s=n Leere alt-Attribute für Layoutgrafiken]||bgcolor = #bbcfa4|nicht erforderlich||
|-  
|-  
|Audiodeskription für Videos||bgcolor = #bbcfa4|nicht erforderlich||
|[http://www.bitvtest.de/index.php?a=di&iid=1004&s=n Alternativen für serverseitige Imagemaps]||bgcolor = #bbcfa4|nicht erforderlich||
|-  
|-  
|Videos mit Untertiteln||bgcolor = #bbcfa4|nicht erforderlich||
|[http://www.bitvtest.de/index.php?a=di&iid=1025&s=n Audiodeskription für Videos]||bgcolor = #bbcfa4|nicht erforderlich||
|-
|[http://www.bitvtest.de/index.php?a=di&iid=1054&s=n Videos mit Untertiteln]||bgcolor = #bbcfa4|nicht erforderlich||
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Verständlichkeit ohne Farbe
!Colspan="4" align='left' bgcolor = #a4d3e1|Verständlichkeit ohne Farbe
|-   
|-   
|Auch ohne Farben nutzbar||bgcolor = #bbcfa4|ja||Redesign GUI V2
|[http://www.bitvtest.de/index.php?a=di&iid=1005&s=n Auch ohne Farben nutzbar]||bgcolor = #bbcfa4|ja||Redesign GUI V2
|-  
|-  
|Grafiken vor wechselndem Hintergrund erkennbar||bgcolor = #F6BDA9|nein ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1027&s=n Grafiken vor wechselndem Hintergrund erkennbar]||bgcolor = #F6BDA9|nein ||  
|-  
|-  
|Helligkeitskontraste von Grafiken ausreichend|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1101&s=n Helligkeitskontraste von Grafiken ausreichend]|| ||
|-
|[http://www.bitvtest.de/index.php?a=di&iid=1097&s=n Helligkeitskontraste von Texten ausreichend]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Korrekte Verwendung der Markup-Sprachen
!Colspan="4" align='left' bgcolor = #a4d3e1| Korrekte Verwendung der Markup-Sprachen
|-   
|-   
|Verzicht auf Schriftgrafiken|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1067&s=n Verzicht auf Schriftgrafiken]|| ||  
|-  
|-  
|Title-Attribut für Symbole|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1096&s=n Title-Attribut für Symbole]|| ||  
|-  
|-  
|Valides HTML|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1056&s=n Valides HTML]|| ||  
|-  
|-  
|Stylesheets für die Positionierung verwendet|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1087&s=n Stylesheets für die Positionierung verwendet]|| ||  
|-  
|-  
|Schriftgröße variabel|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1102&s=n Schriftgröße variabel]|| ||  
|-  
|-  
|Bei geringer Bildschirmauflösung lesbar|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1103&s=n Bei geringer Bildschirmauflösung lesbar]|| ||  
|-  
|-  
|HTML-Strukturelemente für Überschriften|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1079&s=n HTML-Strukturelemente für Überschriften]|| ||  
|-  
|-  
|HTML-Strukturelemente für Listen|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1080&s=n HTML-Strukturelemente für Listen]|| ||  
|-  
|-  
|HTML-Strukturelemente für Zitate|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1081&s=n HTML-Strukturelemente für Zitate]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Kenntlichmachung sprachlicher Besonderheiten
!Colspan="4" align='left' bgcolor = #a4d3e1| Kenntlichmachung sprachlicher Besonderheiten
|-   
|-   
|Anderssprachige Wörter ausgezeichnet|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1089&s=n Anderssprachige Wörter ausgezeichnet]|| ||
|-
|[http://www.bitvtest.de/index.php?a=di&iid=1090&s=n Anderssprachige Abschnitte ausgezeichnet]|| ||  
|-  
|-  
|Anderssprachige Abschnitte ausgezeichnet|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1091&s=n Hauptsprache angegeben]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Nutzung und Beschreibung von Tabellen
!Colspan="4" align='left' bgcolor = #a4d3e1| Nutzung und Beschreibung von Tabellen
|-   
|-   
|Datentabellen richtig aufgebaut|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1120&s=n Datentabellen richtig aufgebaut]|| ||  
|-  
|-  
|Zuordnung von Tabellenzellen|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1121&s=n Zuordnung von Tabellenzellen]|| ||  
|-  
|-  
|Layouttabellen linearisierbar|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1045&s=n Layouttabellen linearisierbar]|| ||  
|-  
|-  
|Kein Strukturmarkup für Layouttabellen|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1070&s=n Kein Strukturmarkup für Layouttabellen]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Nutzbarkeit ohne neuere Technologien
!Colspan="4" align='left' bgcolor = #a4d3e1| Nutzbarkeit ohne neuere Technologien
|-   
|-   
|Auch ohne Stylesheets nutzbar|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1007&s=n Auch ohne Stylesheets nutzbar]|| ||  
|-  
|-  
|Auch ohne Skripte nutzbar|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=85&s=n Auch ohne Skripte nutzbar]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Kontrolle zeitgesteuerter Änderungen des Inhalts
!Colspan="4" align='left' bgcolor = #a4d3e1| Kontrolle zeitgesteuerter Änderungen des Inhalts
|-   
|-   
|Verzicht auf Ablenkung durch Blinken oder Bewegung|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1123&s=n Verzicht auf Ablenkung durch Blinken oder Bewegung]|| ||  
|-  
|-  
|Verzicht auf blinkende oder bewegte Inhalte|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1124&s=n Verzicht auf blinkende oder bewegte Inhalte]|| ||  
|-  
|-  
|Verzicht auf Auto-Aktualisierung|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1035&s=n Verzicht auf Auto-Aktualisierung]|| ||  
|-  
|-  
|Verzicht auf Weiterleitung|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1036&s=n Verzicht auf Weiterleitung]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Zugänglichkeit von Benutzerschnittstellen
!Colspan="4" align='left' bgcolor = #a4d3e1| Zugänglichkeit von Benutzerschnittstellen
|-   
|-   
|Zugängliche Alternativen für programmierte Objekte|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1093&s=n Zugängliche Alternativen für programmierte Objekte]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
!Colspan="4" align='left' bgcolor = #a4d3e1| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
|-   
|-   
|Auch ohne Maus nutzbar|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1076&s=n Auch ohne Maus nutzbar]|| ||  
|-  
|-  
|Aktuelle Position des Fokus deutlich|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1119&s=n Aktuelle Position des Fokus deutlich]|| ||  
|-  
|-  
|Schlüssige Reihenfolge bei Tastaturbedienung|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1092&s=n Schlüssige Reihenfolge bei Tastaturbedienung]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Verwendbarkeit älterer assistiver Technologien
!Colspan="4" align='left' bgcolor = #a4d3e1| Verwendbarkeit älterer assistiver Technologien
|-   
|-   
|Verzicht auf automatische Pop-Ups, neue Fenster angekündigt|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1037&s=n Verzicht auf automatische Pop-Ups, neue Fenster angekündigt]|| ||  
|-   
|-   
|Beschriftung von Formularfeldern richtig angeordnet|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1047&s=n Beschriftung von Formularfeldern richtig angeordnet]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Öffentlichkeit und Dokumentation verwendeter Technologien
!Colspan="4" align='left' bgcolor = #a4d3e1| Öffentlichkeit und Dokumentation verwendeter Technologien
|-   
|-   
|Angemessene Formate|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1125&s=n Angemessene Formate]|| ||  
|-   
|-   
|Verzicht auf veraltete Elemente und Attribute|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1039&s=n Verzicht auf veraltete Elemente und Attribute]|| ||  
|-   
|-   
|Seiten für alle (keine Textversion)|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1026&s=n Seiten für alle (keine Textversion)]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Kontext- und Orientierungsinformationen
!Colspan="4" align='left' bgcolor = #a4d3e1| Kontext- und Orientierungsinformationen
|-   
|-   
|Frames mit Titel und Name|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1021&s=n Frames mit Titel und Name]|| ||  
|-  
|-  
|Aufbau der Frames verständlich|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1046&s=n Aufbau der Frames verständlich]|| ||  
|-  
|-  
|Inhalte gegliedert|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1082&s=n Inhalte gegliedert]|| ||  
|-  
|-  
|Label mit Formularelementen verknüpft|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1048&s=n Label mit Formularelementen verknüpft]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Gestaltung von Navigationsmechanismen
!Colspan="4" align='left' bgcolor = #a4d3e1| Gestaltung von Navigationsmechanismen
|-   
|-   
|Aussagekräftige Linktexte|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1078&s=n Aussagekräftige Linktexte]|| ||  
|-  
|-  
|Links informieren über Dateiformat|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1095&s=n Links informieren über Dateiformat]|| ||  
|-  
|-  
|Sinnvolle Dokumenttitel|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1062&s=n Sinnvolle Dokumenttitel]|| ||  
|-  
|-  
|Sitemap oder ähnliche Orientierungshilfe|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1088&s=n Sitemap oder ähnliche Orientierungshilfe]|| ||  
|-  
|-  
|Navigation einheitlich|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1085&s=n Navigation einheitlich]|| ||  
|-  
|-  
|Position im Webauftritt klar|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1086&s=n Position im Webauftritt klar]|| ||  
|- style="background-color:#1b90b5;"
|- style="background-color:#1b90b5;"
!Colspan="4" align='left' bgcolor = #a4d3e1| Förderung des allgemeinen Verständnisses
!Colspan="4" align='left' bgcolor = #a4d3e1| Förderung des allgemeinen Verständnisses
|-   
|-   
|Einfache Wörter|| ||  
|[http://www.bitvtest.de/index.php?a=di&iid=1084&s=n Einfache Wörter]|| ||  
|-  
|-  
|}
|}

Revision as of 15:11, 18 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 Geplant Redesign GUI V2
Alternativtexte für Grafiken und Objekte Geplant Redesign GUI V2
Leere alt-Attribute für Layoutgrafiken nicht erforderlich
Alternativen für serverseitige Imagemaps nicht erforderlich
Audiodeskription für Videos nicht erforderlich
Videos mit Untertiteln nicht erforderlich
Verständlichkeit ohne Farbe
Auch ohne Farben nutzbar ja Redesign GUI V2
Grafiken vor wechselndem Hintergrund erkennbar nein
Helligkeitskontraste von Grafiken ausreichend
Helligkeitskontraste von Texten ausreichend
Korrekte Verwendung der Markup-Sprachen
Verzicht auf Schriftgrafiken
Title-Attribut für Symbole
Valides HTML
Stylesheets für die Positionierung verwendet
Schriftgröße variabel
Bei geringer Bildschirmauflösung lesbar
HTML-Strukturelemente für Überschriften
HTML-Strukturelemente für Listen
HTML-Strukturelemente für Zitate
Kenntlichmachung sprachlicher Besonderheiten
Anderssprachige Wörter ausgezeichnet
Anderssprachige Abschnitte ausgezeichnet
Hauptsprache angegeben
Nutzung und Beschreibung von Tabellen
Datentabellen richtig aufgebaut
Zuordnung von Tabellenzellen
Layouttabellen linearisierbar
Kein Strukturmarkup für Layouttabellen
Nutzbarkeit ohne neuere Technologien
Auch ohne Stylesheets nutzbar
Auch ohne Skripte nutzbar
Kontrolle zeitgesteuerter Änderungen des Inhalts
Verzicht auf Ablenkung durch Blinken oder Bewegung
Verzicht auf blinkende oder bewegte Inhalte
Verzicht auf Auto-Aktualisierung
Verzicht auf Weiterleitung
Zugänglichkeit von Benutzerschnittstellen
Zugängliche Alternativen für programmierte Objekte
Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
Auch ohne Maus nutzbar
Aktuelle Position des Fokus deutlich
Schlüssige Reihenfolge bei Tastaturbedienung
Verwendbarkeit älterer assistiver Technologien
Verzicht auf automatische Pop-Ups, neue Fenster angekündigt
Beschriftung von Formularfeldern richtig angeordnet
Öffentlichkeit und Dokumentation verwendeter Technologien
Angemessene Formate
Verzicht auf veraltete Elemente und Attribute
Seiten für alle (keine Textversion)
Kontext- und Orientierungsinformationen
Frames mit Titel und Name
Aufbau der Frames verständlich
Inhalte gegliedert
Label mit Formularelementen verknüpft
Gestaltung von Navigationsmechanismen
Aussagekräftige Linktexte
Links informieren über Dateiformat
Sinnvolle Dokumenttitel
Sitemap oder ähnliche Orientierungshilfe
Navigation einheitlich
Position im Webauftritt klar
Förderung des allgemeinen Verständnisses
Einfache Wörter

Graphical User Interface

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