Zeitgemäßes Webdesign Ihrer Website ist die elektronische Visitenkarte Ihres Unternehmens im World Wide Web. Hier ist nichts mehr von entscheidender Bedeutung, als der erste Eindruck.
Gutes Webdesign und eine klare, verständliche Navigation bestimmen im Wesentlichen darüber, ob potentielle Kunden oder Klienten auf Ihrer Website verweilen. Ob sie sich eingehender mit dem Content der Seite, also Ihrem Leistungsangebot, beschäftigen.
Der Schlüssel zum Erfolg: einfache Benutzerführung, logische Navigation und eine attraktive Präsentation der Inhalte Ihrer Website.
Responsive Webdesign stellt eine aktuelle Technik zur Verfügung, welche es ermöglicht mit Hilfe von HTML5 und CSS3 Media-Queries das einheitliche Anzeigen von Inhalten auf einer Website zu gewährleisten. Hierbei wird das Layout einer Website so flexibel gestaltet, dass dieses auf dem Computer- Desktop, Tablet und Smartphone eine gleichbleibende Benutzerfreundlichkeit bietet und der Inhalt gänzlich und schnell vom Besucher aufgenommen werden kann.
“Form follows function” – beim Responsive Design folgen Funktion, Design und Inhalt der jeweiligen Bildschirmauflösung des verwendeten Desktop, Tablet oder Smartphone.
Der Begriff Responsive Webdesign bedeutet im übertragenen Sinne “reagierendes Webdesign”. Inhalts- und Navigationselemente sowie auch der strukturelle Aufbau einer Website passen sich der Bildschirmauflösung des mobilen Endgeräts an – es reagiert auf und korrespondiert mit der Auflösung des mobilen Endgeräts. Responsive Websites folgen dem Nutzer, und nicht wie gegenwärtig, der Nutzer den meist starr konstruierten Layouts konventioneller Websites und Online-Shops.
Die Vorteile von Responsive Webdesign zeigen sich in Statistiken und Trends zur Nutzung mobiler Endgeräte. Der steigende Marktanteil von Smartphones und Tablets wie iPhone und iPad erzwingen auch das Umdenken beim Gestalten von Webseiten. Wurde bis dato für eine Bildschirmauflösung von maximal 1000px Breite auf dem Computer- Desktop optimiert, muss heutzutage auf eine Vielzahl verschiedener Endgeräte Rücksicht genommen werden (Smartphones, Tablets, Computer-Desktop).
Bei einer strikten Trennung von Mobil- und Desktop-Version der Website, also einer nicht responsive fähigen Website, entsteht ein erhöhter Pflegeaufwand von redaktionellem Content und Bildmaterial. Dazu kommt, dass die Website unter Umständen für zukünftige Tablet- oder Smartphone-Formate eine dritte oder vierte Version des Layouts benötigt.
Quelle http://www.responsive-webdesign.mobi
Werbeagentur Morre, Graz, Geidorf / Webagentur / Full-Service-Agentur
Wir sind fest davon überzeugt, dass das Internet für alle verfügbar und zugänglich sein sollte, und setzen uns dafür ein, eine Website bereitzustellen, die für das größtmögliche Publikum zugänglich ist, unabhängig von den Umständen und Fähigkeiten.
Um dies zu erreichen, streben wir an, den Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf der AA-Ebene so streng wie möglich zu entsprechen. Diese Richtlinien erklären, wie Webinhalte für Menschen mit einer Vielzahl von Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist: blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Behinderungen und mehr.
Diese Website nutzt verschiedene Technologien, die darauf abzielen, sie jederzeit so zugänglich wie möglich zu machen. Wir verwenden eine Barrierefreiheitsschnittstelle, die es Personen mit spezifischen Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website anzupassen und sie an ihre persönlichen Bedürfnisse anzupassen.
Zusätzlich verwendet die Website eine auf künstlicher Intelligenz basierende Anwendung, die im Hintergrund läuft und ständig die Barrierefreiheitsstufe optimiert. Diese Anwendung korrigiert das HTML der Website, passt ihre Funktionalität und ihr Verhalten für Bildschirmlesegeräte, die von blinden Benutzern verwendet werden, und für Tastaturfunktionen, die von Personen mit motorischen Einschränkungen verwendet werden, an.
Wenn Sie eine Fehlfunktion gefunden haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihr Feedback. Sie können die Betreiber der Website über die folgende E-Mail-Adresse erreichen: office@agenturmorre.at
Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) Technik sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die mit Bildschirmlesegeräten besuchen, die Funktionen der Website lesen, verstehen und genießen können. Sobald ein Benutzer mit einem Bildschirmlesegerät Ihre Website betritt, erhält er sofort eine Aufforderung, das Bildschirmleserprofil zu aktivieren, damit er Ihre Website effektiv durchsuchen und bedienen kann. Hier ist, wie unsere Website einige der wichtigsten Anforderungen für Bildschirmleser abdeckt, zusammen mit Konsolen-Screenshots von Code-Beispielen:
Optimierung für Bildschirmleser: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben nach unten erlernt, um die laufende Konformität auch bei Aktualisierungen der Website sicherzustellen. In diesem Prozess bieten wir Bildschirmlesegeräten bedeutungsvolle Daten mittels der ARIA-Attribute. Zum Beispiel stellen wir genaue Formularbeschriftungen bereit; Beschreibungen für Aktionssymbole (Social-Media-Symbole, Suchsymbole, Warenkorbsymbole usw.); Validierungsanweisungen für Formulareingaben; Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und andere. Zusätzlich scannt der Hintergrundprozess alle Bilder der Website und bietet eine genaue und bedeutungsvolle Bild-Objekt-Erkennungs-basierte Beschreibung als ALT-Tag (Alternativtext) für nicht beschriebene Bilder. Es wird auch eingebettete Texte innerhalb des Bildes extrahieren, indem eine OCR (Optische Zeichenerkennung) Technologie verwendet wird. Um die Bildschirmleser-Anpassungen jederzeit zu aktivieren, müssen Benutzer lediglich die Tastenkombination Alt+1 drücken. Bildschirmleser-Benutzer erhalten auch automatische Ankündigungen, um den Bildschirmleser-Modus zu aktivieren, sobald sie die Website betreten.
Diese Anpassungen sind mit allen gängigen Bildschirmlesegeräten kompatibel, einschließlich JAWS und NVDA.
Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch das HTML der Website an und fügt verschiedene Verhaltensweisen mittels JavaScript-Code hinzu, um die Website mit der Tastatur bedienbar zu machen. Dies umfasst die Fähigkeit, die Website mit den Tab- und Shift+Tab-Tasten zu navigieren, Dropdowns mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste zu aktivieren, zwischen Radio- und Checkbox-Elementen mit den Pfeiltasten zu navigieren und sie mit der Leertaste oder Eingabetaste auszufüllen. Darüber hinaus finden Tastaturbenutzer Schnellnavigations- und Inhaltsüberspringen-Menüs, die jederzeit durch Drücken von Alt+1 oder als erste Elemente der Website beim Navigieren mit der Tastatur verfügbar sind. Der Hintergrundprozess steuert auch ausgelöste Popups, indem er den Tastaturfokus sofort darauf verschiebt und nicht erlaubt, dass der Fokus außerhalb davon driftet.
Benutzer können auch Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.
Wir bemühen uns, die größtmögliche Auswahl an Browsern und unterstützenden Technologien zu unterstützen, damit unsere Benutzer die am besten geeigneten Werkzeuge mit möglichst wenigen Einschränkungen auswählen können. Daher haben wir sehr hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Marktanteils ausmachen, einschließlich Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Bildschirmleser).
Trotz unserer besten Bemühungen, es jedem zu ermöglichen, die Website an seine Bedürfnisse anzupassen, kann es immer noch Seiten oder Abschnitte geben, die nicht vollständig barrierefrei sind, sich im Prozess der Barrierefreiheit befinden oder keine ausreichende technologische Lösung zur Verfügung steht, um sie barrierefrei zu machen. Dennoch verbessern wir ständig unsere Barrierefreiheit, fügen Optionen und Funktionen hinzu, aktualisieren und verbessern sie und entwickeln und übernehmen neue Technologien. All dies soll das optimale Maß an Barrierefreiheit erreichen, entsprechend den technologischen Fortschritten. Für jegliche Unterstützung wenden Sie sich bitte an office@agenturmorre.at
