Difference between revisions of "GUI Accessibility"

From MPDLMediaWiki
Jump to navigation Jump to search
m
Line 7: Line 7:
!Colspan="3" align='left'| Bereitstellung äquivalenter Alternativen für Audio- und visuelle Inhalte
!Colspan="3" align='left'| Bereitstellung äquivalenter Alternativen für Audio- und visuelle Inhalte
|-   
|-   
|Alternativtexte für Bedienelemente||bgcolor = #ffc374|Geplant||bgcolor = #ffffff|Redesign GUI V2
|Alternativtexte für Bedienelemente||bgcolor = #ffc374|Geplant||Redesign GUI V2
|-  
|-  
|Alternativtexte für Grafiken und Objekte||bgcolor = #ffc374|Geplant ||bgcolor = #ffffff|Redesign GUI V2
|Alternativtexte für Grafiken und Objekte||bgcolor = #ffc374|Geplant ||Redesign GUI V2
|-  
|-  
|Leere alt-Attribute für Layoutgrafiken||bgcolor = #bbcfa4|nicht erforderlich||bgcolor = #ffffff|
|Leere alt-Attribute für Layoutgrafiken||bgcolor = #bbcfa4|nicht erforderlich||
|-  
|-  
|Audiodeskription für Videos||bgcolor = #bbcfa4|nicht erforderlich||bgcolor = #ffffff|
|Audiodeskription für Videos||bgcolor = #bbcfa4|nicht erforderlich||
|-  
|-  
|Videos mit Untertiteln||bgcolor = #bbcfa4|nicht erforderlich||bgcolor = #ffffff|
|Videos mit Untertiteln||bgcolor = #bbcfa4|nicht erforderlich||
|-  
|-  
|}
|}


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Verständlichkeit ohne Farbe
!Colspan="3" align='left'| Verständlichkeit ohne Farbe
|- bgcolor = #eeeeff
|-
|Auch ohne Farben nutzbar|| ||  
|Auch ohne Farben nutzbar||bgcolor = #ffc374|geplant||Redesign GUI V2
|- bgcolor = #eeeeff
|-  
|Grafiken vor wechselndem Hintergrund erkennbar|| ||  
|Grafiken vor wechselndem Hintergrund erkennbar|| ||  
|- bgcolor = #eeeeff
|-  
|Helligkeitskontraste von Grafiken ausreichend|| ||  
|Helligkeitskontraste von Grafiken ausreichend|| ||  
|-  
|-  
Line 34: Line 34:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Korrekte Verwendung der Markup-Sprachen
!Colspan="3" align='left'| Korrekte Verwendung der Markup-Sprachen
|- bgcolor = #eeeeff
|-
|Verzicht auf Schriftgrafiken|| ||  
|Verzicht auf Schriftgrafiken|| ||  
|- bgcolor = #eeeeff
|-  
|Title-Attribut für Symbole|| ||  
|Title-Attribut für Symbole|| ||  
|- bgcolor = #eeeeff
|-  
|Valides HTML|| ||  
|Valides HTML|| ||  
|- bgcolor = #eeeeff
|-  
|Stylesheets für die Positionierung verwendet|| ||  
|Stylesheets für die Positionierung verwendet|| ||  
|- bgcolor = #eeeeff
|-  
|Schriftgröße variabel|| ||  
|Schriftgröße variabel|| ||  
|- bgcolor = #eeeeff
|-  
|Bei geringer Bildschirmauflösung lesbar|| ||  
|Bei geringer Bildschirmauflösung lesbar|| ||  
|- bgcolor = #eeeeff
|-  
|HTML-Strukturelemente für Überschriften|| ||  
|HTML-Strukturelemente für Überschriften|| ||  
|- bgcolor = #eeeeff
|-  
|HTML-Strukturelemente für Listen|| ||  
|HTML-Strukturelemente für Listen|| ||  
|- bgcolor = #eeeeff
|-  
|HTML-Strukturelemente für Zitate|| ||  
|HTML-Strukturelemente für Zitate|| ||  
|-  
|-  
Line 60: Line 60:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Kenntlichmachung sprachlicher Besonderheiten
!Colspan="3" align='left'| Kenntlichmachung sprachlicher Besonderheiten
|- bgcolor = #eeeeff
|-
|Anderssprachige Wörter ausgezeichnet|| ||  
|Anderssprachige Wörter ausgezeichnet|| ||  
|- bgcolor = #eeeeff
|-  
|Anderssprachige Abschnitte ausgezeichnet|| ||  
|Anderssprachige Abschnitte ausgezeichnet|| ||  
|-  
|-  
Line 72: Line 72:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Nutzung und Beschreibung von Tabellen
!Colspan="3" align='left'| Nutzung und Beschreibung von Tabellen
|- bgcolor = #eeeeff
|-
|Datentabellen richtig aufgebaut|| ||  
|Datentabellen richtig aufgebaut|| ||  
|- bgcolor = #eeeeff
|-  
|Zuordnung von Tabellenzellen|| ||  
|Zuordnung von Tabellenzellen|| ||  
|- bgcolor = #eeeeff
|-  
|Layouttabellen linearisierbar|| ||  
|Layouttabellen linearisierbar|| ||  
|- bgcolor = #eeeeff
|-  
|Kein Strukturmarkup für Layouttabellen|| ||  
|Kein Strukturmarkup für Layouttabellen|| ||  
|-
|-
Line 88: Line 88:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Nutzbarkeit ohne neuere Technologien
!Colspan="3" align='left'| Nutzbarkeit ohne neuere Technologien
|- bgcolor = #eeeeff
|-
|Auch ohne Stylesheets nutzbar|| ||  
|Auch ohne Stylesheets nutzbar|| ||  
|- bgcolor = #eeeeff
|-  
|Auch ohne Skripte nutzbar|| ||  
|Auch ohne Skripte nutzbar|| ||  
|-  
|-  
Line 100: Line 100:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Kontrolle zeitgesteuerter Änderungen des Inhalts
!Colspan="3" align='left'| Kontrolle zeitgesteuerter Änderungen des Inhalts
|- bgcolor = #eeeeff
|-
|Verzicht auf Ablenkung durch Blinken oder Bewegung|| ||  
|Verzicht auf Ablenkung durch Blinken oder Bewegung|| ||  
|- bgcolor = #eeeeff
|-  
|Verzicht auf blinkende oder bewegte Inhalte|| ||  
|Verzicht auf blinkende oder bewegte Inhalte|| ||  
|- bgcolor = #eeeeff
|-  
|Verzicht auf Auto-Aktualisierung|| ||  
|Verzicht auf Auto-Aktualisierung|| ||  
|- bgcolor = #eeeeff
|-  
|Verzicht auf Weiterleitung|| ||  
|Verzicht auf Weiterleitung|| ||  
|-
|-
Line 116: Line 116:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Zugänglichkeit von Benutzerschnittstellen
!Colspan="3" align='left'| Zugänglichkeit von Benutzerschnittstellen
|- bgcolor = #eeeeff
|-
|Zugängliche Alternativen für programmierte Objekte|| ||  
|Zugängliche Alternativen für programmierte Objekte|| ||  
|-  
|-  
Line 126: Line 126:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
!Colspan="3" align='left'| Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
|- bgcolor = #eeeeff
|-
|Auch ohne Maus nutzbar|| ||  
|Auch ohne Maus nutzbar|| ||  
|- bgcolor = #eeeeff
|-  
|Aktuelle Position des Fokus deutlich|| ||  
|Aktuelle Position des Fokus deutlich|| ||  
|- bgcolor = #eeeeff
|-  
|Schlüssige Reihenfolge bei Tastaturbedienung|| ||  
|Schlüssige Reihenfolge bei Tastaturbedienung|| ||  
|-  
|-  
Line 140: Line 140:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Verwendbarkeit älterer assistiver Technologien
!Colspan="3" align='left'| Verwendbarkeit älterer assistiver Technologien
|- bgcolor = #eeeeff
|-
|Verzicht auf automatische Pop-Ups, neue Fenster angekündigt|| ||  
|Verzicht auf automatische Pop-Ups, neue Fenster angekündigt|| ||  
|- bgcolor = #eeeeff
|-
|Beschriftung von Formularfeldern richtig angeordnet|| ||  
|Beschriftung von Formularfeldern richtig angeordnet|| ||  
|-  
|-  
Line 152: Line 152:


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


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Kontext- und Orientierungsinformationen
!Colspan="3" align='left'| Kontext- und Orientierungsinformationen
|- bgcolor = #eeeeff
|-
|Frames mit Titel und Name|| ||  
|Frames mit Titel und Name|| ||  
|- bgcolor = #eeeeff
|-  
|Aufbau der Frames verständlich|| ||  
|Aufbau der Frames verständlich|| ||  
|- bgcolor = #eeeeff
|-  
|Inhalte gegliedert|| ||  
|Inhalte gegliedert|| ||  
|- bgcolor = #eeeeff
|-  
|Label mit Formularelementen verknüpft|| ||  
|Label mit Formularelementen verknüpft|| ||  
|-
|-
Line 182: Line 182:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Gestaltung von Navigationsmechanismen
!Colspan="3" align='left'| Gestaltung von Navigationsmechanismen
|- bgcolor = #eeeeff
|-
|Aussagekräftige Linktexte|| ||  
|Aussagekräftige Linktexte|| ||  
|- bgcolor = #eeeeff
|-  
|Links informieren über Dateiformat|| ||  
|Links informieren über Dateiformat|| ||  
|- bgcolor = #eeeeff
|-  
|Sinnvolle Dokumenttitel|| ||  
|Sinnvolle Dokumenttitel|| ||  
|- bgcolor = #eeeeff
|-  
|Sitemap oder ähnliche Orientierungshilfe|| ||  
|Sitemap oder ähnliche Orientierungshilfe|| ||  
|- bgcolor = #eeeeff
|-  
|Navigation einheitlich|| ||  
|Navigation einheitlich|| ||  
|- bgcolor = #eeeeff
|-  
|Position im Webauftritt klar|| ||  
|Position im Webauftritt klar|| ||  
|-  
|-  
Line 202: Line 202:


{|{{Prettytable}}
{|{{Prettytable}}
|- bgcolor = #ccccff
|- style="color:white;background-color:#1b90b5;"
!Kriterium!!Erfüllungsgrad!!Begründung
!Kriterium!!Erfüllungsgrad!!Begründung
|- bgcolor = #eeeeff
|-  
!Colspan="3" align='left'| Förderung des allgemeinen Verständnisses
!Colspan="3" align='left'| Förderung des allgemeinen Verständnisses
|- bgcolor = #eeeeff
|-
|Einfache Wörter|| ||  
|Einfache Wörter|| ||  
|-  
|-  
|}
|}

Revision as of 15:41, 16 June 2008

Requirements of BITV[edit]

Kriterium Erfüllungsgrad Begründung
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
Audiodeskription für Videos nicht erforderlich
Videos mit Untertiteln nicht erforderlich
Kriterium Erfüllungsgrad Begründung
Verständlichkeit ohne Farbe
Auch ohne Farben nutzbar geplant Redesign GUI V2
Grafiken vor wechselndem Hintergrund erkennbar
Helligkeitskontraste von Grafiken ausreichend
Kriterium Erfüllungsgrad Begründung
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
Kriterium Erfüllungsgrad Begründung
Kenntlichmachung sprachlicher Besonderheiten
Anderssprachige Wörter ausgezeichnet
Anderssprachige Abschnitte ausgezeichnet
Kriterium Erfüllungsgrad Begründung
Nutzung und Beschreibung von Tabellen
Datentabellen richtig aufgebaut
Zuordnung von Tabellenzellen
Layouttabellen linearisierbar
Kein Strukturmarkup für Layouttabellen
Kriterium Erfüllungsgrad Begründung
Nutzbarkeit ohne neuere Technologien
Auch ohne Stylesheets nutzbar
Auch ohne Skripte nutzbar
Kriterium Erfüllungsgrad Begründung
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
Kriterium Erfüllungsgrad Begründung
Zugänglichkeit von Benutzerschnittstellen
Zugängliche Alternativen für programmierte Objekte
Kriterium Erfüllungsgrad Begründung
Unabhängigkeit der Funktionen von Ein- und Ausgabegeräten
Auch ohne Maus nutzbar
Aktuelle Position des Fokus deutlich
Schlüssige Reihenfolge bei Tastaturbedienung
Kriterium Erfüllungsgrad Begründung
Verwendbarkeit älterer assistiver Technologien
Verzicht auf automatische Pop-Ups, neue Fenster angekündigt
Beschriftung von Formularfeldern richtig angeordnet
Kriterium Erfüllungsgrad Begründung
Öffentlichkeit und Dokumentation verwendeter Technologien
Angemessene Formate
Verzicht auf veraltete Elemente und Attribute
Seiten für alle (keine Textversion)
Kriterium Erfüllungsgrad Begründung
Kontext- und Orientierungsinformationen
Frames mit Titel und Name
Aufbau der Frames verständlich
Inhalte gegliedert
Label mit Formularelementen verknüpft
Kriterium Erfüllungsgrad Begründung
Gestaltung von Navigationsmechanismen
Aussagekräftige Linktexte
Links informieren über Dateiformat
Sinnvolle Dokumenttitel
Sitemap oder ähnliche Orientierungshilfe
Navigation einheitlich
Position im Webauftritt klar
Kriterium Erfüllungsgrad Begründung
Förderung des allgemeinen Verständnisses
Einfache Wörter

Graphical User Interface

Hypertext Markup Language

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