Ein modernes Webdesign für die ÖH, das durch klare Strukturen, ansprechende Optik und optimale Nutzererfahrung überzeugt. Entdecken Sie unser erfolgreiches Projekt, das die digitale Präsenz der ÖH auf ein neues Level hebt.
Unser Projekt zielte darauf ab, die Webseite der ÖH umfassend zu modernisieren und zu optimieren, um den Bedürfnissen der Studierenden in Österreich besser gerecht zu werden. Durch die Neugestaltung der Webseite mit WordPress und dem Elementor Page Builder wurden zahlreiche Funktionen und Inhalte neu strukturiert, visuell ansprechend gestaltet und technisch optimiert. Elementor ermöglichte eine flexible und intuitive Gestaltung der Benutzeroberfläche, sodass eine nahtlose Benutzererfahrung und eine klare Navigation gewährleistet sind. Das Projekt umfasste die folgenden Hauptbereiche:
Diese Erweiterung betont die Technologie und Tools, die verwendet wurden, um das Projekt zu realisieren.
Unser Projekt zielte darauf ab, die Webseite der ÖH (Österreichische Hochschüler_innenschaft) umfassend zu modernisieren und an die aktuellen Bedürfnisse der Studierenden in Österreich anzupassen. Mit Hilfe von WordPress und dem Elementor Page Builder wurde die Seite neu strukturiert und technisch optimiert. Diese Tools ermöglichten eine flexible Gestaltung, die sowohl ästhetisch ansprechend als auch funktional ist. Die Neuerungen umfassen eine verbesserte Benutzerführung, schnelle Ladezeiten, responsives Design und eine vereinfachte Navigation, die auf allen Endgeräten eine nahtlose User Experience bietet.
Fragen? Wir helfen gerne weiter
Nutzen Sie Telefon, WhatsApp oder E-Mail – ganz wie Sie möchten
Webmando - Ihre Wordpress & Woocommerce Agentur
Erklärung zur Barrierefreiheit
webmando.at
6. Juni 2025
Wir sind der festen Überzeugung, dass das Internet für alle Menschen zugänglich sein sollte – unabhängig von deren Umständen oder Fähigkeiten. Daher setzen wir alles daran, eine Website bereitzustellen, die für möglichst viele Menschen zugänglich ist.
Um dieses Ziel zu erreichen, orientieren wir uns so genau wie möglich an den Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA. Diese Richtlinien beschreiben, wie Webinhalte gestaltet werden müssen, damit sie für Menschen mit unterschiedlichsten Einschränkungen zugänglich sind – darunter Menschen mit Sehbehinderungen, motorischen Einschränkungen, kognitiven Beeinträchtigungen und viele mehr.
Unsere Website nutzt verschiedene Technologien, um dauerhaft ein Höchstmaß an Barrierefreiheit zu gewährleisten. Wir setzen ein Barrierefreiheits-Interface ein, das es Nutzer:innen mit speziellen Einschränkungen erlaubt, die Benutzeroberfläche individuell an ihre Bedürfnisse anzupassen.
Darüber hinaus läuft im Hintergrund eine KI-gestützte Anwendung, die kontinuierlich die Zugänglichkeit der Website optimiert. Diese Anwendung passt das HTML an, verbessert die Funktionalität für Screenreader und optimiert die Bedienbarkeit über die Tastatur.
Wenn Sie eine Fehlfunktion feststellen oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Nachricht. Sie erreichen uns unter folgender E-Mail-Adresse:
Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene verhaltensbasierte Anpassungen, um sicherzustellen, dass blinde Nutzer:innen mit Screenreadern die Website vollständig nutzen können.
Sobald eine Person mit Screenreader die Seite betritt, wird sie aufgefordert, das Screenreader-Profil zu aktivieren. Dies erlaubt eine effektive Navigation und Bedienung. Hier ein Überblick über zentrale Funktionen:
Screenreader-Optimierung: Ein Hintergrundprozess analysiert die gesamte Website und stellt sicher, dass Screenreader relevante Informationen erhalten. Dazu gehören u. a. präzise Beschriftungen von Formularfeldern, Beschreibungen von Icons, Rollenbezeichnungen (z. B. für Buttons oder Pop-ups) sowie automatische ALT-Texte für Bilder mittels KI-gestützter Objekterkennung und OCR-Technologie.
Um die Screenreader-Optimierungen zu aktivieren, genügt die Tastenkombination Alt+1.
Kompatibilität besteht mit allen gängigen Screenreadern, z. B. JAWS, NVDA, VoiceOver und TalkBack.
Tastaturnavigation: Die Website ist vollständig per Tastatur bedienbar. Dazu gehören:
Navigation mit Tab und Shift+Tab
Dropdowns mit Pfeiltasten bedienen
Elemente mit Enter und Leertaste aktivieren
Pop-ups erhalten automatisch den Fokus
Schnellauswahl-Menüs via Alt+1 erreichbar
Zudem stehen Shortcuts zur Verfügung:
M (Menüs), H (Überschriften), F (Formulare), B (Buttons), G (Grafiken)
Unsere Website bietet Voreinstellungen für folgende Benutzerprofile:
Epilepsiesicherer Modus: Blendet blinkende Animationen und kritische Farbkombinationen aus.
Modus für Sehbehinderte: Anpassungen für Nutzer:innen mit z. B. Tunnelblick, Katarakt oder Glaukom.
Kognitive Einschränkungen: Unterstützende Funktionen für Menschen mit Legasthenie, Autismus, Schlaganfallfolgen u. ä.
ADHS-freundlicher Modus: Reduziert Ablenkungen und erleichtert die Konzentration auf relevante Inhalte.
Blindheitsmodus: Optimiert für alle Screenreader.
Tastaturnavigationsprofil (motorische Einschränkungen): Ermöglicht die Bedienung ausschließlich über die Tastatur.
Schriftanpassung: Größe, Schriftart, Zeilenhöhe, Ausrichtung etc. sind individuell einstellbar.
Farbkontraste: Verschiedene Farbschemata (hell, dunkel, invertiert, monochrom) stehen zur Verfügung.
Animationen: Können mit einem Klick deaktiviert werden.
Hervorhebungen: Wichtige Inhalte wie Links oder fokussierte Elemente lassen sich visuell betonen.
Audiostummschaltung: Verhindert ungewollte automatische Audiowiedergabe.
Kognitive Unterstützung: Integrierte Suchhilfe über Wikipedia und Wiktionary zur Erklärung von Begriffen.
Weitere Funktionen: Virtuelle Tastatur, Druckmodus, Änderung der Cursorgröße und -farbe u. v. m.
Wir bemühen uns, die größtmögliche Kompatibilität mit allen gängigen Browsern und unterstützenden Technologien zu gewährleisten – darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge, sowie die Screenreader JAWS und NVDA.
Trotz aller Bemühungen kann es vorkommen, dass einzelne Seiten oder Inhalte noch nicht vollständig barrierefrei sind oder derzeit überarbeitet werden. Wir arbeiten kontinuierlich an der Verbesserung unserer Barrierefreiheit und passen unsere Technologien entsprechend an.
Bei Fragen oder Anregungen wenden Sie sich bitte an: