Der Einsatz von Frames

Beschreibung komplexer Framesets

Je mehr Frames in einem Frameset verschachtelt werden, desto schwieriger wird die Handhabung der Seite für Screen-Reader-Anwender. Benutzen Sie zum Beispiel ein und denselben Frame für verschiedene Inhalte, die Sie mit einem einzigen Titel nicht abdecken können, sollten Sie sich überlegen, über das longdesc-Attribut eine weitere Kurzbeschreibung Ihres Framesets entsprechend der [intern] BITV-Bedingung 12.2 anzubieten. Das gibt Screen-Reader-Nutzern die Chance, die Organisation Ihrer Seiten schneller aufzufassen.

Hinweis

Das Beispiel geht zurück auf die [intern] Richtlinie 1.1, die Alternativtexte für alle Elemente fordert, die selbst kein Text sind. Änderte sich nun der Inhalt eines Frames, stimmten die Beschreibungen nicht mehr. Umso wichtiger ist es also, solche Erläuterungen auch im NOFRAMES-Element zu integrieren.

Das folgende Beispiel ist bei aller Bemühung, eine zugängliche Gestaltung zu erreichen, eher eine Demonstration, wie Sie ein Frameset nicht gestalten sollten - derart komplexe Framesets sind für Screen-Reader schwer zu navigieren.

<!doctype html public "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="de">
<head>
<title>Ein Tutorial zum effektiveren Webdesign</title>
</head>
<frameset cols="20%,*,15%">
<frameset rows="40%,*">
<frame src="sponsoren.htm" name="sponsoren" title="Sponsoren">
<frame src="nav-site.htm" name="site" title="angebotsübergreifende Navigation" longdesc="frameset-beschr.txt">
</frameset>
<frame src="einleitung.htm" name="inhalt" title="Inhalte" longdesc="frameset-beschr.txt">
<frameset rows="*,30%">
<frame src="themen.htm" name="index" title="andere relevante Themen" longdesc="frameset-beschr.txt">
<frame src="werbung.asp?filter=17" name="werbung" title="Werbung">
</frameset>
<noframes>
<p><a href="nur_text.htm">barrierefreie Startseite</a>.</p>
<p><a href="frameset-beschr.txt">Beschreibung des Framesets</a>.</p>
</noframes>
</frameset>
</html>

In der Datei frameset-beschr.txt könnten folgende Erläuterungen stehen:

Beispiel für Frame-Beschreibungen
FrameErläuterung
siteDieser Frame bietet weitere Links zu anderen wichtigen Bereichen unserer Website: Foren und Artikel, unsere Multimedia-Produktionen mit Referenzliste, Nachrichten, Download-Bereich
inhaltIn diesem Frame werden die Seiten des Tutorials angezeigt
themenIn diesem Frame finden Sie Links zu aktuellen Themen und Angeboten ...

Über das CSS-Design

Lesen Sie, [intern] warum ich mich an die Standards halte und warum das Layout mit [intern] Cascading Style Sheets statt Tabellen oder Frames gestaltet wurde. Sollten Sie Probleme mit dem Layout haben, so finden Sie in der [intern] Liste standardkonformer Browser Links zu entsprechenden Download-Seiten.

Suchen Sie was auf barrierefreies- webdesign.de?


Entspricht die Seite den W3C-Normen?


validiertes XHTML 1.0
validiertes CSS

Die [intern] Gesamtübersicht dieses Webauftrittes erreichen Sie jederzeit über das -Pad mit Alt+6.

Der schnelle Seitenzugriff

Verwenden Sie [intern] Tastenkürzel, etwa Alt mit der entsprechenden Zahl, um auf diesem Webauftritt zu navigieren.

 

[intern] Startseite [intern] Know-How [intern] Bücher [intern] Richtlinien [intern] Links [intern] Kontakt

Logo: Xplain  Die Entstehung