JQuery Kochbuch (German Edition)

Titel: JQuery Kochbuch (German Edition) Kostenlos Bücher Online Lesen
Autoren: jQuery Community Experts

Vom Netzwerk:

»Abgeschlossen«-Abschnitt – oder eine explizite Option »Rückgängig« anbieten.
    ----

Machen Sie Ihre Seiten barrierefrei
    Problem
    Sie erstellen eine Webanwendung mit komplexen Widgets und massivem Einsatz von Ajax, aber Sie wollen auch für Besucher mit Einschränkungen verfügbar sein.
    Lösung
    Fügen Sie Ihren Widgets Tastatur-Unterstützung und Accessible Rich Internet Applications (ARIA)-Semantik hinzu. Im folgenden Code sind die Änderungen für diese Features in fett hervorgehoben:
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    Dialog-Demo

Users

Benutzer hinzufügen

Benutzer	Vorname	Nachname
jsmith	John	Smith
mrobertson	Mike	Robertson
arodriguez	Angela	Rodriguez
lsamseil	Lee	Samseil
lweick	Lauren	Weick

Wir haben hier mit nur wenig Code eine ganze Reihe nützlicher Features hinzugefügt:
Wir haben ARIA-Semantik hinzugefügt (
role
und
aria-labelledby
), so dass unterstützende Technologien, wie zum Beispiel Screen Reader wissen, dass es sich bei unserem

um einen Dialog und nicht nur einfach um zusätzlichen Inhalt handelt.
Wir haben den Tastatur-Fokus beim Öffnen in das erste Eingabefeld gebracht. Das hilft allen Besuchern – sehenden wie blinden.
Beim Schließen des Dialogs wird der Fokus wieder auf den Link »Benutzer hinzufügen« gelegt.
Der Dialog kann mit der Escape-Taste abgebrochen werden.
    Diskussion
    ARIA befindet sich noch in der Entwicklung, daher ist die Unterstützung durch Browser und Screen Reader noch eingeschränkt. Aber wenn Sie es jetzt ihren Seiten hinzufügen, sind Sie besser auf die Besucher vorbereitet, die es schon nutzen können. Und eine verbesserte Tastaturbedienung ist für alle Besucher Ihrer Seite von Vorteil.
    ----
    Note
    Mehr Informationen über ARIA erhalten Sie hier:
    WAI-ARIA Overview
DHTML Style Guide
    Lassen Sie sich nicht von dem »alten« DHTML-Begriff abschrecken – der DHTML Style Guide ist eine aktuelle Tastatur-Referenz für die neuesten Widgets.
    ----

Chapter 6. Dimensionen
    Rebecca Murphey

Einführung
    Dimensionen sind ein wichtiges Element von Websites. Wenn Sie wissen, wie man die Dimensionen von Elementen und ihre Positionen auf der Seite verändern kann, haben Sie mehr Kontrolle über Ihre Benutzerschnittstelle und können Desktop-ähnliche Verhaltensweisen und Interaktionen anbieten.

Die Dimensionen von Window und Document ermitteln
    Problem
    Sie