iGuzzini erkennt die Bedeutung einer Website an, die auf vielfältige Weise genutzt werden kann – unabhängig von einem einzelnen Sinn, einer bestimmten Fähigkeit oder Technologie. Unser kontinuierliches Ziel ist es, eine Website zu gestalten, die für alle Nutzergruppen – einschließlich Menschen mit Behinderungen – benutzbar, ansprechend und zugänglich ist.

 

Einhaltung von Standards
Konformitäts-Icon der Stufe A, W3C-WAI Web Content Accessibility Guidelines 1.0.
Unsere Website entspricht den Web Content Accessibility Guidelines 1.0 des W3C auf Konformitätsstufe A.

Nachfolgend finden Sie eine Liste kritischer Anforderungen, die allein fast 40 % der vom W3C hervorgehobenen Barrierefreiheitsprobleme abdecken. Diese Punkte wurden bei der Expertenbewertung mit besonderer Aufmerksamkeit und höchster Priorität behandelt:

Bereitstellung eines textlichen Äquivalents für jedes nicht-textuelle Element.
Sicherstellung, dass Kombinationen von Vorder- und Hintergrundfarben ausreichend Kontrast bieten – sowohl für Menschen mit Farbsehschwächen als auch bei der Anzeige auf Schwarz-Weiß-Bildschirmen.
Sicherstellung, dass Seiten auch dann nutzbar sind, wenn Skripte, Applets oder andere programmatische Objekte deaktiviert oder nicht unterstützt werden. Falls dies nicht möglich ist, müssen gleichwertige Informationen auf einer alternativen, barrierefreien Seite bereitgestellt werden.
Solange Benutzeragenten keine Möglichkeit bieten, bewegte Inhalte zu stoppen, sollte auf Bewegung in Seiten verzichtet werden.
Solange Benutzeragenten keine Möglichkeit bieten, automatisch geöffnete Fenster zu deaktivieren, sollten keine Pop-ups oder anderen Fenster erscheinen und das aktuelle Fenster nicht ohne Hinweis an den Nutzer verändert werden.
Große Informationsblöcke sollten – wo natürlich und sinnvoll – in besser handhabbare Gruppen unterteilt werden.
Das Ziel jedes Links sollte klar erkennbar sein.
Die klarste und einfachste Sprache verwenden, die für den Inhalt der Website angemessen ist.

Navigationshilfen
Menülinks sind gruppiert, und es wird eine Option zum Überspringen der Navigation angeboten. Der Link zum Überspringen der Navigation hat keinen sichtbaren Ankertext und ist speziell für Nutzer von Screenreadern vorgesehen.

Die meisten Browser unterstützen das direkte Anspringen bestimmter Links über sogenannte Access Keys. Auf der gesamten fuse8-Website stehen folgende Access Keys zur Verfügung:

S – Navigation überspringen
1 – Startseite
3 – Sitemap
9 – Kontakt
0 – Erklärung zur Barrierefreiheit
T – Seitenanfang
Wo immer möglich, stehen diese Access Keys nicht im Konflikt mit gängigen Tastenkombinationen von Screenreadern oder Browsern.

So werden Access Keys in verschiedenen Browsern verwendet:

Internet Explorer 8, 7 (Windows): Alt-Taste + Access Key gedrückt halten, dann loslassen und Enter drücken.
Internet Explorer 6, 5 (Windows): Alt-Taste + Access Key gedrückt halten, dann Enter drücken.
Internet Explorer 4 (Windows): Alt-Taste + Access Key gedrückt halten.
Internet Explorer 5 und höher (Mac): Ctrl-Taste + Access Key (frühere Versionen unterstützen keine Access Keys).
Firefox 2, 3 (Windows): Shift + Alt + Access Key.
Ältere Firefox-Versionen: Alt + Access Key.
Firefox (Mac): Ctrl + Access Key.
Netscape 6 und höher (Windows): Alt + Access Key (frühere Versionen unterstützen keine Access Keys).
Mozilla (Windows): Alt + Access Key.
Opera: Shift-Taste gedrückt halten und Escape drücken, dann loslassen. Es erscheint ein Menü mit den verfügbaren Access Keys. Gewünschten Access Key drücken.
Safari 2, 3 (Mac): Ctrl + Access Key.
Semantisches Markup
Strukturiertes, semantisches Markup wird verwendet, um die Dokumentstruktur darzustellen. H1-Tags werden für Haupttitel verwendet, H3-Tags für Untertitel usw.

Cascading Style Sheets (CSS) werden für das visuelle Layout verwendet, JavaScript dient der Verbesserung der Benutzerfreundlichkeit und zu dekorativen Zwecken. Die Seiten bleiben jedoch vollständig zugänglich, auch wenn diese Technologien ignoriert oder nicht unterstützt werden.

 

Bilder
Für alle Inhaltsbilder, grafischen Schaltflächen, Symbole und Objekte werden beschreibende und sinnvolle Textäquivalente bereitgestellt. Bilder werden nicht zur Darstellung von Text verwendet – alle Überschriften sind mithilfe von CSS gestaltet und können je nach Benutzerbedürfnis skaliert werden.

 

Farben
Das Design der Website wurde auf Farbkontraste getestet, um sicherzustellen, dass alle Informationen klar erkennbar sind.

Der Großteil des Textes ist in Grau auf Weiß geschrieben – eine Kombination mit hohem Kontrast. Diese Kombination besteht den Sichtbarkeitstest erfolgreich:

Der Helligkeitsunterschied zwischen den beiden Farben ist ausreichend. Der Schwellenwert liegt bei 125, das Ergebnis zwischen Vorder- und Hintergrundfarbe beträgt 169.
Der Farbunterschied zwischen den beiden Farben ist ausreichend. Der Schwellenwert liegt bei 500, das Ergebnis beträgt 501.

Schriftgrößen
Relative Einheiten wurden in der Auszeichnungssprache und in CSS verwendet, sodass sich das Layout der Website auch bei Textvergrößerung – selbst im Internet Explorer für Windows – anpasst.