Erlaubt den Nutzern zu interagieren mit einem Web-Seite in den letzten Jahren eine erhebliche Zunahme bei der Verwendung von Client-Scripts: JavaScript-Code kann in Echtzeit zu reagieren und behandeln eine Vielzahl von Informationen. Das Web2.0 ist der höchste Ausdruck der diese Fähigkeit zur Interaktion, in dem der Endbenutzer - die Benutzerfreundlichkeit beteiligt sich aktiv an den Bau und alle "Entwicklung der Website, mit ihm interagieren und sich selbst helfen können. Ist es, Nutzer genannt-Generated Content (UGC oder - user-generated content), dass die "Navigator" mit Sicherheit nicht passiv sieht!

Um dieses Zusammenspiel zu erreichen, dann an den Endverbraucher ermöglichen, seinen Beitrag hinzuzufügen, haben eine Reihe von Techniken, die das Erscheinungsbild und Verhalten von Web-Seiten geändert wurden entwickelt (statisch so weit, und jetzt ähnlich wie bei traditionellen Anwendungen Desktop) in den letzten Jahren. Ändern Sie den Inhalt einer Seite, Dateien senden, ihre Stimme, der ein Video oder ein Dokument zu registrieren oder ändern Sie Ihre Daten ab, sind nur einige der Maßnahmen in vielen Dienstleistungen (2.0 beta) auf dem Web angefordert

Die wachsende Nachfrage nach Client-Tools (Prototype, Dojo Toolkit, jQuery, ASP.NET Ajax, ...) und Server (Ruby on Rails, PHP-Bibliotheken hat, JSP und ASP, ...) für die Entwicklung von Web 2.0, um die Entstehung geführt, dass viele Entwicklungs-Tools, Bibliotheken oder einfache Philosophie einer neuen Entwicklung auf dem Web;

Diese Techniken und Instrumente wurden in fast allen möglichen Kombinationen verwendet, die dank ihrer modularen Eigenschaft und die Fähigkeit, bestimmte Aufgaben zu bestimmten Zeiten zu lösen. Einige haben daher Lösungen vollständig in Adobe Flash, die Hybrid-Lösungen verwendet (Adobe Flash + Javascript), der hat, ausgehend von generischen Bibliotheken wie Prototype, seine spezifischen Framework erreicht. Die Mehrzahl dieser Instrumente ist auch Open-Source-(oder frei) und das hat sicherlich zu einer großen verbreitete sich sehr schnell beigetragen.

Der Preis, den Sie zahlen, aber auf diese neue Zusammenarbeit erhalten hat einen Nettoverlust von Zugänglichkeit (und oft Usability) der Web-Paradoxerweise die gesteigerte Leistungsfähigkeit der Interaktion wurde die Zahl der Nutzer beschränkt, die aus verschiedenen Gründen, kann nicht auf diese neuen Technologien! Es war daher un'incremento den Digital Divide, oft ausschließlich auf den Missbrauch von einigen technischen Entwicklung oder einfach nicht unter Berücksichtigung einiger Endziel.

Bei der Entwicklung einer Website, oder einfach nur eine Webseite, vergessen Sie nicht die "Endverbraucher, die unsere Seite mit Einrichtungen besuchen können (Browser-oder User-Agent) mit Ausnahme derjenigen, die wir erwarten, vor allem mit den Eigenschaften und andere Einstellungen als die, die wir für selbstverständlich gehalten (Bildschirmauflösung, Anzahl der Farben, JavaScript deaktiviert, mangelnde Applet oder ActiveX-Plugin, etc ...). Daraus folgt, dass neben der bloßen Verträglichkeit (funktional und optisch) zwischen verschiedenen Browser muss die Aufmerksamkeit auf die Merkmale haben sie bezahlen. Das Argument, natürlich, ist komplex und artikuliert.

Es ist nur fair, um einen Benutzer zu zwingen, haben JavaScript verfügbar und aktiviert ist, unsere Website zu navigieren?

Ich glaube, es gibt zwei mögliche Antworten auf diese Frage, die erste kann nicht, nicht richtig, vor allem wenn das, was wir erreichen wollen, können so strukturiert, dass beide es erlauben, eine erweiterte Zugang ist ein Basisanschluss. Allerdings, und das ist die zweite Antwort, es gibt natürlich Grenzfälle, wenn die Bedingung zu einer bestimmten Technologie ist die Fähigkeit, unabhängig - und die Bereitschaft - Analytiker-Programmierer!

Auch - kontrovers - wer sind wir (Entwickler) zu bestimmen und zu zwingen, diejenigen, sollte was tun?

Wenn das Projekt, das wir erreichen wollen, ist, dass sie von jedem User-Agent verwendet werden können, mit entsprechenden Vorsichtsmaßnahmen, die Entwicklungszeit und die wachsende Komplexität des Codes (HTML, JavaScript und Server Scripting) erhöht. Es ist eine produktive Wahl, persönlich, um die Regeln des Boot zu diktieren. Allerdings ist die formale Kompatibilität nicht eine Operation, die von Anfang an geplant werden müssen, können wir in der Tat die Frage zu einem späteren Zeitpunkt, wenn Sie unsere Website (oder unsere Service) ist bereits online.

Normalerweise benutzen wir zwei Techniken, sowie zwei Konzepte, der Aufbau eines wirklich zugänglich Web:

• Graceful Degradation
• Progressive Enhancement

Graceful Degradation

Diese Technik, die auch in anderen Bereichen als Web-Design verwendet wird, wird davon ausgegangen, dass jetzt bei der Umsetzung einer Web-Site hoch entwickelte konzentrieren, mit Hilfe von Techniken und Technologien, ohne sich Gedanken über Kompatibilitätsprobleme bei allen, und Zugänglichkeit. Usability ist aber - natürlich - der erste Faktor für die Definition. Der zweite Schritt ist, um alle Funktionen zu übernehmen, um Browser und Benutzer, die Unterstützung - in der Tat - an den Rand.

Es wird dann nutzen Sie unseren Tabellen zu formatieren, das Layout, die nicht zu einer Verschärfung der Verwendung von CSS und float, so dass das Layout der Seite auch auf älteren Browsern zu respektieren. Javascript angezeigt, wo Sie den Tag NOSCRIPT nutzen werden, um einen alternativen Zugang bieten. Verwenden Sie den Tag ALT TITLE ALT TITLE wo reichsten, etc. ...

Graceful Degradation hat jedoch Grenzen. Nicht ernsthaft in Betracht ziehen, die verschiedenen Arten von User-Agents (oder Nutzer) von Anfang an, kann sich schlecht (manchmal auch hässlich) Folgen in der Zeit nach. Nicht immer, in der Tat, können Sie diese Artefiz und Tools hinzufügen können, eine echte Alternative Inhalte an unterschiedliche Nutzer zu gewährleisten. Die Erfahrung der Analysten Web-Entwickler / Designer, in diesem Fall, spielt eine wichtige Rolle. Allerdings entwickelt sich eine Website im Laufe der Zeit verbessert, ergänzt Funktionen, die nicht auf andere Weise gelöst werden, wenn nicht die Verwendung einer bestimmten Technologie zu zwingen: Die Vision eines Videos (in Flash, QuickTime oder andere) ist schwierig -- wenn nicht gar unmöglich - zu erreichen, in Standard-HTML-Format?

Progressive Enhancement

Dieser Ansatz ist wahrscheinlich das, was personalmentre bevorzugen. Es ist das genaue Gegenteil von Graceful Degradation. Für diejenigen, die die Verwendung von Stylesheets genießen, ist eine Technik, die bereits bekannt: von der grundlegenden Struktur, die einfache Markup, und wie Sie alle Ausgaben für die erweiterten Funktionen. Unter dem Layout, dann CSS ist der Ansatz für die "Bild Ersatz oder Substitution durch Stil verwendet Blatt des Textes mit einem Bild (es gibt einige andere Techniken nutzen, dass auch Ajax oder sogar Flash).

Von großem Interesse an dieser Art von Ansatz ist die Verbreitung der sogenannten unaufdringlich JavaScript: JavaScript, nicht aufdringlich. Diese Technik kann die Funktionalität einer Website zu verbessern, indem die Nutzung der Möglichkeit zur Manipulation des DOM JavaScript. Durch die Platzierung in einer fristgerechten Weise JavaScripts auf der Seite können Sie tun, damit sie transparent für den Browsern, die JavaScript-Unterstützung (oder haben Javascript deaktiviert), aber für andere zu arbeiten.

Die Merkmale einer unaufdringlich JavaScript sind:

• Verbesserungen oder Änderungen - Nicht implementiert - Funktionen, die bereits
• Transparenz in der User-Agents, die keine Unterstützung oder deaktivieren Sie Javascript

Nummer 1 ist von wesentlicher Bedeutung für Barrierefreiheit, in gleicher Weise 'wird in der CSS-Bild ersetzt werden. Ein Beispiel dafür ist Snap, die die Sichtbarkeit eines Links verbessert. Snap ist ein klassisches Beispiel für eine unaufdringlich JavaScript: JavaScript ist deaktiviert, wenn der Link noch vorhanden ist und funktioniert, aber wenn JavaScript Vorschau-Funktion aktiviert ist, wird hinzugefügt. Auch wenn Sie kein JavaScript keine Meldung Zugriff angezeigt: Punkt 2 - ein non-intrusive.

Ein weiteres Beispiel für unaufdringlich JavaScript gut gemacht und Lightbox JS, die die Präsentation der Bilder verbessert. Ausgehend von einer Reihe von Links (Tag <A>) mit dem Attribut rel der Lage ist, ordnungsgemäß Bilder in einer sehr eingängigen verbunden anzuschauen!

Diese Technik ist sehr vielseitig und ermöglicht eine echte Progressive Enhancement Ansatz - und ohne Übertreibung sagen, eine echte web2.0 Ansatz.

In diesem Szenario wird die Benutzung der Bibliothek Prototype ist einfach der Zugriff auf die DOM HTML erlaubt außer Kraft zu setzen und weitere Funktionen hinzugefügt, um die Elemente einer Seite, indem man sie vielseitiger.

Beide Techniken, daher können bis zum Ende der Webseiten, zu verwirklichen wirklich zugänglich. Umgekehrt erfordern Aufmerksamkeit und zusätzliche Arbeit am Ende wird durch eine größere Menge von Gästen belohnt! Ich persönlich treffen die Technik des Progressive Enhancement, für eine rein subjektive und Gewohnheit. Wählen Sie zwischen den beiden Techniken gleichgültig sein kann, die Erfahrung, zusammen mit der Art des Projekts man entwickeln muss, spielt dabei sicherlich eine zentrale Rolle.

Als Beispiel sagt mehr als tausend Worte, ich schlage vor, dass vor ein paar einfache mosrtare Code Auszüge wirklich erleuchtet.

Verwandte Post

• Alle Leuchtkasten Klone in einem dynamischen Array (8)
• Shadowbox 3.0 beta (1)
• Light-Bibliothek: Slimbox von einem Shadowbox, Galerien in Javascript (14)
• Licht Galerie: Lightview 2.0.0_rc1 (2)
• Web2.0: Gran Paradiso Firefox 3.0 und Apollo (2)

War dieser Artikel hilfreich?:

Loading ...