Entwicklung & Design

Umfangreiche AJAX-Webseiten schnell entwickeln mit TYPO3: AJAX Framework – barrierearm

Seite 2 / 7

Eine allgemeine Lösung besteht darin, eine Version der Webseite auszuliefern, die ohne JavaScript und AJAX funktionsfähig ist. Nach einer Prüfung, ob der Client allen Anforderungen genügt, wird die Webseite verändert und dafür gesorgt, dass alle AJAX-Funktionen aktiv sind. Der Vorgang soll „Ajaxsubstitution“ genannt werden und kann prinzipiell auf drei Arten erfolgen: Client-basiert, Server-basiert oder eine Kombination aus beiden. Die Extension „Ajax-Framework“ stellt dafür ein flexibles Konzept zur Verfügung, das es erlaubt, solch barrierearme Webanwendungen fast ohne Mehraufwand zu entwickeln. Das Framework ist zum Beispiel auf der Fondsinformationsplattform von Fondsvermittlung24.de im Einsatz [4]. Es ermöglicht benutzerfreundliches Umschalten der Detailinformationen zu Fonds und hält dabei den Traffic zum Server gering. Auf der Webseite – ein gemeinsames Projekt mit der AOEMedia GmbH – sieht man eindrucksvoll die Möglichkeiten der Erweiterung.

Abstrakte Sicht auf eine Webanwendung

Das Schema stellt die Abstraktion einer Webanwendung mit verschiedenartigen Inhaltselementen dar.

Das Schema stellt die Abstraktion einer Webanwendung mit verschiedenartigen Inhaltselementen dar.

Um im Folgenden das Framework näher zu erläutern, ist es nötig, die zu Grunde liegende abstrakte Sicht auf eine Webanwendung vorzustellen: Normalerweise besteht eine Webseite aus verschiedenen Inhaltselementen (Contentelements = CE), die wiederum verschachtelt sein können. Für das AJAX Framework unterscheiden wir zwei Arten von CEs: Dynamische Inhaltselemente (DCE) verändern den Inhalt in Abhängigkeit von bestimmten Aktionen des Nutzers. Interaktive Inhaltselemente (ICE) stellen dem Nutzer verschiedene Interaktionsmöglichkeiten, wie beispielsweise Links oder Formulare, zur Verfügung.
Eine solche Sicht auf eine Webseite liegt dem AJAX Framework zu Grunde. Für die genannten Elemente einer Webseite gibt es jeweils eine abstrakte Klasse sowie verschiedene Hilfsklassen, die hier näher vorgestellt werden:

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Schreib den ersten Kommentar!

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 65 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Stephan Dörner (Chefredakteur t3n.de) & das gesamte t3n-Team

Anleitung zur Deaktivierung