Wählen Sie „Bearbeiten“ > „Voreinstellungen“ (Windows) bzw. „Dreamweaver“ > „Voreinstellungen“ (Mac).
Zuletzt aktualisiert am
27. April 2021
Mit Dreamweaver können Sie Websites und Webprodukte für Menschen mit beeinträchtigten Seh- und Hörfähigkeiten sowie mit motorischen und anderen Einschränkungen nutzbar machen.
Einführung in barrierefreie Inhalte
Barrierefreiheit bedeutet, Websites und Webprodukte für Menschen mit Seh-, Hör-, motorischen und anderen Behinderungen nutzbar zu machen.Beispiele für Barrierefreiheitsfunktionen für Software-Produkte und Websites sind die Unterstützung von Bildschirmlesegeräten, Textalternativen für Grafiken, Tastaturbefehle, Änderung der Anzeigefarben zu hohem Kontrast und so weiter. Dreamweaver bietet Tools, die die Anwendung selbst barrierefrei nutzbar machen, und Tools, die dir beim Erstellen barrierefreier Inhalte helfen.
Für Dreamweaver-Entwickler, die Barrierefreiheitsfunktionen nutzen müssen, bietet die Anwendung Unterstützung für Bildschirmlesegeräte, Tastaturnavigation und Betriebssystem-Barrierefreiheitsfunktionen.
Für Webdesigner, die barrierefreie Inhalte erstellen müssen, unterstützt dich Dreamweaver beim Erstellen barrierefreier Seiten, die nützliche Inhalte für Bildschirmlesegeräte enthalten und den Richtlinien der Bundesregierung entsprechen. Dialogfelder fordern dich beispielsweise auf, Barrierefreiheitsattribute einzugeben – wie Textalternativen für ein Bild –, wenn du Seitenelemente einfügst.Wenn das Bild dann auf einer Seite für einen Benutzer mit Sehbehinderungen erscheint, liest das Bildschirmlesegerät die Beschreibung vor.
Anmerkung
Weitere Informationen zu zwei wichtigen Barrierefreiheitsinitiativen findest du beim World Wide Web Consortium Web Accessibility Initiative (www.w3.org/wai) und Section 508 des U.S. Federal Rehabilitation Act (www.section508.gov).
Anmerkung
Weitere Informationen zu den Barrierefreiheitsrichtlinien des Japan Industry Standard findest du unter JIS X 8341-3 (www.jisc.go.jp).
Kein Authoring-Programm kann jedoch die Entwicklung von Inhalten automatisieren. Das Gestalten barrierefreier Websites erfordert, dass du Barrierefreiheitsanforderungen verstehst und kontinuierlich Entscheidungen darüber triffst, wie Benutzer mit Behinderungen mit Web-Seiten interagieren. Der beste Weg, um sicherzustellen, dass eine Website barrierefrei ist, ist durch bewusste Planung, Entwicklung, Test und Bewertung.
Bildschirmlesegeräte mit Dreamweaver verwenden
Ein Screenreader liest Text vor, der auf dem Computerbildschirm erscheint.Er liest auch nicht-textuelle Informationen vor, wie Button-Labels oder Bildbeschreibungen in der Anwendung, die in Barrierefreiheits-Tags oder Attributen während der Erstellung bereitgestellt werden.
Als Dreamweaver-Designer*in kannst du einen Screenreader verwenden, um dir beim Erstellen deiner Web-Seiten zu helfen. Der Screenreader beginnt mit dem Vorlesen in der oberen linken Ecke des Dokumentfensters.
Dreamweaver unterstützt JAWS für Windows von Freedom Scientific (www.freedomscientific.com) und Window-Eyes Screenreader von GW Micro (www.gwmicro.com).
Unterstützung für Bedienungshilfen des Betriebssystems
Dreamweaver unterstützt Barrierefreiheitsfunktionen sowohl unter Windows- als auch unter Macintosh-Betriebssystemen.Zum Beispiel legst du auf dem Macintosh die visuellen Einstellungen im Dialogfeld „Bedienungshilfen" fest (Apple > Systemeinstellungen).Ihre Einstellungen sind im Dreamweaver-Arbeitsbereich aktiviert.
Die Einstellung für hohen Kontrast des Windows-Betriebssystems wird ebenfalls unterstützt.Du aktivierst diese Option über das Windows Control Panel und sie beeinflusst Dreamweaver folgendermaßen:
Dialog- und Bedienfelder werden in den systemweit festgelegten Farben angezeigt. Wenn du zum Beispiel die Farbe auf Weiß auf Schwarz einstellst, erscheinen alle Dreamweaver-Dialogfelder und -Bedienfelder mit einer weißen Vordergrundfarbe und schwarzem Hintergrund.
In der Codeansicht werden die System- und Fenstertextfarben verwendet. Wenn du zum Beispiel die Systemfarbe auf Weiß auf Schwarz einstellst und dann Textfarben unter Bearbeiten > Voreinstellungen > Code-Farbgebung änderst, ignoriert Dreamweaver diese Farbeinstellungen und zeigt den Code-Text mit einer weißen Vordergrundfarbe und schwarzem Hintergrund an.
Die Entwurfsansicht verwendet die Hintergrund- und Textfarben, die du unter Modifizieren > Seiteneigenschaften einstellst, damit Seiten, die du entwirfst, Farben so rendern, wie es ein Browser tun würde.
Optimiere den Arbeitsbereich für barrierefreies Seitendesign
Wenn du barrierefreie Seiten erstellst, musst du Informationen wie Titel und Beschreibungen mit deinen Seitenobjekten verknüpfen, um deine Inhalte für alle Benutzer zugänglich zu machen.
Aktiviere dazu das Dialogfeld Barrierefreiheit für jedes Objekt, damit Dreamweaver dich zur Eingabe von Barrierefreiheits- Informationen auffordert, wenn du Objekte einfügst. Du kannst ein Dialogfeld für jedes der Objekte in der Kategorie Barrierefreiheit in den Voreinstellungen aktivieren.
Wähle Barrierefreiheit aus der Kategorieliste links aus,
wähle ein Objekt aus, lege eine der folgenden Optionen fest und klicke auf OK.
Beim Einfügen Attribute anzeigen
Wähle die Objekte aus, für die du Barrierefreiheitsdialogfelder aktivieren möchtest.z. B. Formularobjekte, Frames, Medien oder Bilder.
Beim Öffnen bleibt das Bedienfeld aktiv
Behält den Fokus auf dem Bedienfeld, wodurch es für den Screenreader zugänglich wird. (Wenn du diese Option nicht auswählst, bleibt der Fokus in der Entwurfs- oder Codeansicht, wenn ein Benutzer ein Bedienfeld öffnet.)
Externe Wiedergabe
Wählen Sie diese Option bei Verwendung eines Bildschirmlesegeräts.
Anmerkung
Im Dialogfeld „Tabelle einfügen“ werden automatisch Barrierefreiheitsattribute angezeigt, wenn Sie eine neue Tabelle einfügen.
Navigiere in Dreamweaver mit der Tastatur
Du kannst die Tastatur verwenden, um durch Bedienfelder, Inspektoren, Dialogfelder, Frames und Tabellen zu navigieren, ohne eine Maus zu benutzen.
Anmerkung
Tabbing und die Verwendung von Pfeiltasten werden nur unter Windows unterstützt.
In Bedienfeldern navigieren
Drücke im Dokumentfenster Strg+F6,
um den Fokus auf ein Bedienfeld zu setzen.
Eine gepunktete Linie um den Bedienfeldtitel zeigt an, dass der Fokus auf diesem Bedienfeld liegt. Der Screen Reader liest die Paneltitelleiste vor, die den Fokus hat.
Drücke erneut Strg+F6, um den Fokus zu verschieben, bis du
den Fokus auf dem Bedienfeld hast, in dem du arbeiten möchtest. (Drücke Strg+Umschalt+F6,
um den Fokus auf das vorherige Bedienfeld zu setzen.)
Wenn das Bedienfeld, in dem du arbeiten möchtest, nicht geöffnet ist, verwende die
Tastaturkombinationen im Fenster-Menü, um das entsprechende
Bedienfeld anzuzeigen; drücke dann Strg+F6.
Wenn das Bedienfeld, in dem du arbeiten möchtest, geöffnet, aber nicht erweitert ist, setze den Fokus auf die Bedienfeldtitelleiste und drücke dann die Leertaste. Durch erneutes Drücken der Leertaste reduzieren Sie das Bedienfeld wieder.
Drücke die Tab-Taste, um durch die Optionen im
Bedienfeld zu navigieren.
Verwenden Sie bei Bedarf die Pfeiltasten:
Wenn eine Option Auswahlmöglichkeiten hat, verwende die Pfeil- tasten, um durch die Auswahlmöglichkeiten zu scrollen, und drücke dann die Leertaste, um eine Auswahl zu treffen.
Wenn es Registerkarten in der Bedienfeldgruppe gibt, um andere Bedienfelder zu öffnen, setze den Fokus auf die geöffnete Registerkarte und verwende dann die linke oder rechte Pfeiltaste, um andere Registerkarten zu öffnen. Sobald du eine neue Registerkarte öffnest, drücke die Tab-Taste, um durch die Optionen in diesem Bedienfeld zu navigieren.
Im Eigenschafteninspektor navigieren
Drücke Strg+F3, um den Eigenschafts-
Inspektor anzuzeigen, falls er nicht sichtbar ist.
Drücke Strg+F6 (nur Windows), bis du den Fokus
auf den Eigenschafts-Inspektor setzt.
Drücke die Tab-Taste, um durch die Optionen des Eigenschafts-Inspektors
zu navigieren.
Verwende die Pfeiltasten entsprechend, um durch die Optionsauswahlen zu navigieren.
Drücke Strg+Nach-unten-Taste/Nach-oben-Taste (Windows) oder Befehl+Nach-unten-Taste/Nach-oben-Taste (Macintosh), um den erweiterten Bereich des Eigenschaftsinspektors bei Bedarf zu öffnen und zu schließen, oder drücke die Leertaste, wenn der Fokus auf dem Erweiterungspfeil in der unteren rechten Ecke liegt.
Anmerkung
Der Tastaturfokus muss sich im Eigenschaftsinspektor befinden (und nicht auf dem Bedienfeld-Titel), damit das Erweitern und Reduzieren funktioniert.
In Dialogfeldern navigieren
Drücke die Tab-Taste, um durch die Optionen in einem Dialogfeld zu navigieren.
Mit den Pfeiltasten können Sie die einzelnen Wahlmöglichkeiten einer Option durchgehen.
Wenn das Dialogfeld eine Kategorienliste hat, drücke Strg+Tab (Windows), um den Fokus zur Kategorienliste zu verschieben, und verwende dann die Pfeiltasten, um in der Liste nach oben oder unten zu navigieren.
Drücke erneut Strg+Tab, um zu den Optionen einer Kategorie zu wechseln.
Drücken Sie die Eingabetaste, um das Dialogfeld zu schließen.
In Frames navigieren
Wenn dein Dokument Frames enthält, kannst du die Pfeiltasten verwenden, um den Fokus zu einem Rahmen zu verschieben.
Frames auswählen
Drücke Alt+Nach-unten-Taste, um die Einfügemarke im Dokumentfenster zu platzieren.
Drücke Alt+Nach-oben-Taste, um den Rahmen auszuwählen, der aktuell den Fokus hat.
Drücke weiterhin Alt+Nach-oben-Taste, um den Fokus zum Frameset und dann zu den übergeordneten Framesets zu verschieben, wenn verschachtelte Framesets vorhanden sind.
Drücke Alt+Nach-unten-Taste, um den Fokus zu einem untergeordneten Frameset oder einem einzelnen Rahmen innerhalb des Framesets zu verschieben.
Wenn der Fokus auf einem einzelnen Rahmen liegt, drücke Alt+Nach-links- oder Nach-rechts-Taste, um zwischen Frames zu wechseln.
In Tabellen navigieren
Verwende die Pfeiltasten oder drücke Tab, um bei Bedarf zu anderen Zellen in einer Tabelle zu navigieren.
Anmerkung
Das Drücken von Tab in der äußersten rechten Zelle fügt eine weitere Zeile zur Tabelle hinzu.
Um eine Zelle auszuwählen, drücke Strg+A (nur Windows), während sich die Einfügemarke in der Zelle befindet.
Um die gesamte Tabelle auszuwählen, drücke zweimal Strg+A, wenn sich die Einfügemarke in einer Zelle befindet, oder einmal, wenn eine Zelle ausgewählt ist.
Um die Tabelle zu verlassen, drücke dreimal Strg+A, wenn sich die Einfügemarke in einer Zelle befindet, zweimal, wenn die Zelle ausgewählt ist, oder einmal, wenn die Tabelle ausgewählt ist, und drücke dann die Nach-oben-, Nach-links- oder Nach-rechts-Taste.
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
