MELABYTE : Slogan : Frischer Wind im Internet INDEX |  Referenzen |  Kontakt |  Impressum  
INTERNET-SERVICE
E-Commerce
Webprogrammierung
Webdesign
Flash-Animationen
Suchmaschinenoptimierung
Barrierefreies Web
Effizienzanalyse Ihrer Website
MelaByteTEXT-SERVICE
Text-Korrektorat
Technische Dokumentation
Werbetexte
PREISE
Preisinfo
Ihre individuelle Anfrage
MelaByteTEXTVERSION
Diese Seite ist barrierefrei programmiert. Sie entspricht den Zugänglichkeitsrichtlinien der Stufe 3 (AAA) für Webinhalte, gemäß W3C-WAI Web Content Accessibility Guidelines 1.0
Sie haben die Möglichkeit, die Schriftgröße über das Browser-Menü variabel einzustellen.
Valid HTML 4.01, externer Link zum Überprüfen der W3C-Konformität der Markup Language
Valid CSS, externer Link zum Überprüfen der W3C-Konformität des Style Sheet

Barrierefreies Web
 

Kriterien für die Programmierung

Meta-Angaben:

  • Definieren Sie den Doctype (Dokumententyp) im Quellcode
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • Definieren Sie die Sprache im Quelltext jeder Seite (<meta http-equiv="content-language" content="de">), damit Sprach-Browser die richtige Sprache wählen können.

Formatierung mit CSS:

  • Wenn Sie Style Sheets (CSS) zur Formatierung einsetzen, wählen Sie für Schriftgrößen keine festen Pixelangaben, sondern relative Einheiten.
    Nur so können Sehbehinderte Internet-User die Schriftgrößen mit jedem Browser variabel einstellen.

Frames:

  • Falls die Website durch Frames realisiert ist, sollte der Zweck und Inhalt der Frames klar und eindeutig mit den Attributen <name> und <title> beschrieben werden.
    (Auch für Suchmaschinen ist die Verwendung von Frames nicht unproblematisch.)

HTML:

  • Alle Textelemente sollten konsequent in HTML ausgezeichnet sein (beispielsweise <p>-Tags für Absätze, <h>-Tags für verschiedene Überschriften), damit Vorlese-Software einen klar strukturierten Text richtig interpretieren kann.
  • Abkürzungen im Text sollten durch HTML-Attribute wie <acronym> oder <abbr> als Abkürzung gekennzeichnet werden.
    Sinnvoll für Abkürzungen, die nicht mit Blanks zwischen den Buchstaben versehen sind, ist die Angabe im Style Sheet {speak: spell-out;}, damit alle Buchstaben einzeln und nicht als Wort vorgelesen werden.
  • Generell sollte nur W3C-konformes HTML verwendet werden, da die meisten Browser unbekannte Tags ignorieren.

Tabellen:

  • Ältere Text-Browser sowie die meisten Screenreader-Programme erfassen Text zeilenweise und können deshalb Spaltentexte oder Text in mehrspaltigen Tabellen nicht korrekt wiedergeben.
    So wird ein mehrspaltiger Text zeilenweise spaltenübergreifend (!) wiedergegeben.
  • Wenn mehrspaltige Tabellen unvermeidlich sind, sollten sie so aufbaut sein, dass sie sequentiell Zeile für Zeile gelesen werden können.
  • Bei umfangreichen Tabellen kann die jeweilige Nennung der Tabellenkopfinhalte vor Wiedergabe des jeweiligen Datensatzes eine Hilfe für den Hörenden sein.
    Nutzen Sie hierzu beispielsweise den Cell-Reader-Tag {speaker-header-all: always;}.

Listen:

  • Jedes Listenelement sollte jeweils mit einem Punkt abgeschlossen werden, damit bei der Sprachausgabe des Vorlese-Programms am Ende jedes Listenpunktes automatisch die Stimme gesenkt wird.

Funktionen:

  • Ein Doppelklick auf Buttons sollte möglichtst durch ein einfaches Klicken ersetzt werden, da motorisch Behinderte Schwierigkeiten haben, den Doppelklick auszuführen.


Weiterführende Links zum Thema Barrierefreiheit (Accessibility):

Der folgende externe Link öffnet neues Browser-Fenster!http://www.einfach-fuer-alle.de/artikel/bitvfueralle

Der folgende externe Link öffnet neues Browser-Fenster!http://www.w3c.de/Trans/WAI/webinhalt.html

Der folgende externe Link öffnet neues Browser-Fenster!http://selfhtml.teamone.de/css/eigenschaften/sprachausgabe.htm

Zurück Gesetzliche Grundlage Design - Kriterien Kriterien für die Programmierung


 
Die Druckversion erscheint in einem PopUp-Fenster.Druckversion zu Favoriten hinzufügenDiese Funktion wird nicht von allen Browsern unterstützt!
Zur MelaByte - Startseite
MelaByteSPECIALS
Kalender
Künstlerförderung
BERATUNG
Farbpsychologie
Lexikon/Glossar
NEWS-INFO
IT-News
Aktuelles
Südafrika-Portal: Reisetipps zur WM 2010! - Link auf MelaByte: Aktuelles.
Norwegen-Portal: Aktuelle Insidertipps für Individualreisen aus erster Hand! - Link auf MelaByte: Aktuelles.
Individuelle, dynamische und statische Anfahrtsskizzen!- Link auf MelaByte: Aktuelles.
Individuelle Kalender mit Ihren Fotos- Unikate!- Link auf MelaByte: Kalender.
MelaByte sucht interessierte Künstler, die ihre Werke in einem Portal präsentieren möchten... >>