Der Einsatz von Frames

Weitere Aspekte bei der Gestaltung mit Framesets

Grafiken als Zieldatei

Bislang habe ich einige Aspekte von alternativen Texten in Verbindung mit Framesets angesprochen, etwa dass Änderungen in der Navigation auch im NOFRAMES -Element vollzogen werden müssen. Ein Spezialfall ist die Angabe einer Grafik an Stelle einer HTML-Datei als Frame-Quelle, etwa so:

<frame src="bild.gif" name="f1" title="Frame enthält nur ein Bild mit folgendem Motiv: ...">

Kann sich diese Frame-Quelle dynamisch ändern, wird es unmöglich, eine neue Alternativtext-Belegung zu vergeben. Daher sollte in diesem Fall statt einer Grafik grundsätzlich eine HTML-Seite eingebunden werden, die z.B. nur eine Grafik enthält. In der HTML-Datei kann dann die Grafik selbst einen Alternativtext enthalten.

Im Frameset steht in diesem Fall folgendes:

<!doctype html public "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="de">
<head> ... </head>
<frameset cols="100%" title="Frameset mit wechselndem Inhalt">
<frame name="f1" src="bild.htm" title="Verschiedene Bilder">
<noframes> ... </noframes>
</frameset>
</html>

In der Frame-Quelle bild.htm wird angegeben:

... <img src="bild.gif" alt="Das schönste Bild von mir"> ...

Neue Fenster

Mit dem target-Attribut oder dem location.href-Befehl in JavaScript wird festgelegt, in welchem Frame ein ausgewählter Link angezeigt werden soll. Mit dem reservierten Wert target="_blank" oder einem Wert des target-Attributs, der keinem der derzeit offenen Browser-Fenster und/oder -Frames entspricht, wird das Ziel eines Links in einem neuen Fenster dargestellt. Diese Funktionalität in den meisten grafischen Browsern kann sehr nützlich sein, um beispielsweise Detailinformationen anzuzeigen oder um Bilder vergrößert darzustellen. Allerdings bilden diese Zusatzfenster für Benutzer von Screen-Readern Probleme, die nicht ohne weiteres umgegangen werden können. Der Screen-Reader ist manchmal nicht in der Lage, das neue Fenster zu erfassen, und zeigt dem Benutzer weiterhin lediglich die Herkunftsseite des Links an. Daher sollten Sie diese Frames-Technik vermeiden, indem Sie neue Informationen immer in ein und demselben Frameset darstellen lassen.

Die Vermeidung von neuen Fenstern wird im Übrigen in der [intern] BITV-Bedingung 10.1 gefordert.

Ü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