Webdesign / Barrierefreie Homepageseiten

    43 Tipps zur Gestaltung barrierefreier Inhalte:

  1. Jedem Bild und jeder graphischen Repräsentation von Text ist eine angemessene textuelle Beschreibung unmittelbar zugeordnet

  2. Zu Animationen ist eine Beschreibung vorhanden. Die Ausführlichkeit richtet sich nach Zweck und Bedeutung der Animation auf der Seite

  3. Signifikante Geräusche, Klänge oder akustische Signale sind mit angemessenen Beschreibungen versehen

  4. Zur Trennung von Layout und Inhalt werden Style Sheets eingesetzt

  5. Vorder- und Hintergrund sind in Bezug auf Kontraste auch bei reduzierter Farbwahrnehmung in der Defaultansicht deutlich unterscheidbar. Vorder- und Hintergrund sind gegebenenfalls bei deaktivierten Style Sheets änderbar

  6. Es wird keine Information ausschließlich durch Farbwechsel dargestellt

  7. Vorder- und Hintergrundgeräusche sind in Bezug auf Kontraste auch bei reduzierter Hörfähigkeit deutlich unterscheidbar

  8. Eine Skalierbarkeit der Schrift über Browser ist bei aktivierten Style Sheets oder innerhalb der Anwendung möglich

  9. Eine logische linearisierte Lesefolge ist möglich

  10. Jegliche Funktion der Seite ist auch über die alleinige Verwendung der Tastatur in einer schlüssigen Reihenfolge zu erreichen, wobei die ausgewählte Funktion in der Default-Ansicht gut sichtbar ist

  11. Wenn Short Cuts/ Access Keys angeboten werden, werden sie sinnvoll und konsistent eingesetzt

  12. Zeitgesteuerte Änderungen sind durch die Nutzerin/den Nutzer kontrollierbar, außer, wenn die vorgegebene Zeitspanne grundlegend für die Anwendung ist

  13. Alle Elemente der Navigation sind mit verständlichen Begriffen, Bezeichnungen oder Abkürzungen versehen

  14. Unterschiedliche Navigationsmöglichkeiten sind vorhanden bei entsprechender Tiefe und Breite der Homepage-Struktur

  15. Die Navigationsmechanismen sind schlüssig und nachvollziehbar

  16. Frames werden ausschließlich barrierefrei eingesetzt

  17. Inhaltlich zusammenhängende Links sind zu logischen Einheiten gruppiert und können übersprungen werden

  18. Es werden aussagekräftige und möglichst kurze URLs verwendet

  19. Links sind in ihrer Darstellung eindeutig und verfügen über sprechende Bezeichnungen, die Aufschluss über ihr Ziel geben

  20. Fenstertitel und Seitentitel sind eindeutig und erklärend, und sie beziehen sich aufeinander

  21. Für komplexe (Fließ-)Texte werden Zusammenfassungen ange-boten

  22. Die Wortwahl bezüglich der Verwendung von Fachbegriffen, Fremdwörtern, Abkürzungen ist der Zielgruppe angemessen

  23. Ein Glossar ist vorhanden, wenn es für die Erschließung des Inhalts einer Homepage hilfreich ist

  24. Die Lesbarkeit wird durch einen klaren Satzbau und eine klare Textgliederung unterstützt

  25. Die Lesbarkeit wird durch die Textformatierung unterstützt

  26. Die Angaben zum Anbieter und zum Zweck einer Homepage sind leicht auffindbar und verständlich

  27. Eine Überladung der Startseite wird vermieden und die Anzahl der Funktionen ist auch für Ungeübte überschaubar

  28. Es gibt eine eindeutige Zuordnungsmöglichkeit von Beschriftungen zu den Kontrollelementen (z.B. Radio-Buttons) und zu Formulareingabefeldern

  29. Der gewählte Präsentationsstil wird durchgängig beibehalten

  30. Konventionen (Benutzungskonzepte, gängige Features), die die Nutzerin/ der Nutzer erwartet, werden eingehalten. Insbe-sondere im Bereich der Navigation wird auf unübliche Konzepte verzichtet

  31. Eine Validierung von Dokumenten, die durch Markup-Sprachen erstellt wurden, ist gegen veröffentlichte formale W3C-Grammatiken möglich

  32. Als Grafikformate werden PNG, JPG, SVG oder GIF verwendet

  33. Layout-Tabellen sind linearisierbar und verwenden keine strukturellen Tabellen-Elemente

  34. Die für die Inhalte der Homepage verwendete Hauptsprache der HTML-Dokumente ist gekennzeichnet, und Sprachwechsel sind gekennzeichnet

  35. Zur Darstellung von Listen und Listenelementen werden die hierfür vorgesehenen Elemente der verwendeten Markup-Sprache verwendet

  36. Programmierte Elemente (insbesondere Scripts und Applets) sind zugänglich für assistive Technologien

  37. Inhalt und Funktionen sind auch dann noch zugänglich, wenn Style Sheets deaktiviert werden

  38. Der Inhalt ist auch dann noch zugänglich, wenn Scripts deaktiviert werden

  39. Inhalt und Funktionen sind auch dann noch zugänglich, wenn programmierte Elemente und Applets deaktiviert werden

  40. Wenn eine Alternativ-Version, die sich auf einen eingegrenzten Bereich oder auf die gesamte Homepage bezieht, angeboten wird, kann man leicht zwischen der Einstiegsversion und der Alternativ-Version hin und her wechseln

  41. Webseiten mit individuellen Einstellungsmöglichkeiten bieten eine Option zur Herstellung der Default-Ansicht

  42. Die Darstellung der Homepage ist mit gängigen Browsern, die nicht älter als 3 Jahre sind, vollständig

  43. Die Ladezeit der Startseite ist kurz. Die Ladezeit von komplexeren Komponenten, die für das Angebot der Homepage wesentlich sind, ist angemessen
 Das könnte Sie interessieren:
Tabellenbild 4  Haarlinien-Tabelle 2  Glas Design  Symbolische Links - Kennzeichnen Sie Links mit Symbolen. Die Besucher erkennen sofort, was Ihnen beim anklicken des jeweiligen Links erwartet.  Design in der Titelzeile  Eingabe von mehreren Leerzeichen  Tabellen mit CSS Filter  Haarlinien-Tabelle  Bildformat GIF  Tabellenbild 6  Verschiedene Zielgruppen  Bilder und Tabellen mit Schatten - Eine optische Aufwertung erhalten Bilder, Text oder Eingabefelder, indem man einen Schatten hinzufügt.  Abstand Gewinnen! - Ein Problem auf Webseiten ist immer der Abstand von einem Objekt zum anderen. Es gibt viele Möglichkeiten wie Sie diesen Abstand beeinflussen können.  Strukturen  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner