openPR Recherche & Suche
Presseinformation

Regeln für barrierefreies Webdesign. Teil 3: Layout und Sprache

31.01.200809:18 UhrIT, New Media & Software
Bild: Regeln für barrierefreies Webdesign. Teil 3: Layout und Sprache

(openPR) Barrierefreies Webdesign entwickelte sich in den letzten Jahren zum dominierenden Ansatz im Internet. In loser Folge werden die wichtigsten Tipps und Tricks zum barrierefreien Webdesign veröffentlicht. Der dritte Teil beantwortet die Frage, wie Layout und Sprache barrierefrei gehalten werden können.



Der erste Teil der Serie behandelte die grundlegenden technischen Anforderungen an barrierefreies Webdesign. Der zweite Teil lenkte den Fokus auf inhaltliche Anforderungen. Dieser Teil wendet sich nun dem Text und Layout zu.

Bei der Gestaltung von barrierefreien Webseiten sind nicht nur die technischen Aspekte relevant, sondern auch die Inhaltlichen. Dies verlangt von den Redakteuren ein hohes Maß an Einfühlungsvermögen, denn nur wenn eine angemessene Sprache verwendet wird, kommen die Inhalte bei den Zielgruppen an. Die Beachtung dieser Punkte ist für barrierefreie Webseiten daher unerlässlich:

Fachbegriffe, Fremdwörter und Abkürzungen
Fachbegriffe, Fremdwörter und Abkürzungen sollten im Text angemessen verwendet werden. Falls nicht darauf verzichtet werden kann, sollten sie im Text oder in einem Glossar erklärt werden.

Metaphern und abstrakte Begriffe
Auf abstrakte Begriffe sollte aus Gründen der Verständlichkeit verzichtet werden. Sollten abstrakte Begriffe notwendig sein, sollten diese an konkreten Beispielen erläutert werden. Bei der Verwendung von Metaphern sollte darauf geachtet werden, dass sie allgemein verständlich sind.

Layout und Design
Das Layout und der Textfluss sollten eine leichte Orientierung innerhalb der dargebotenen Inhalte unterstützen. Längere Texte oder komplexe Dokumente sollten in sinnvolle Absätze unterteilt werden. Die inhaltliche Gliederung kann durch graphische Elemente (z. B. Bullet Points oder Textboxen) verdeutlicht werden.

Unterstützende Elemente
Um die Inhalte zu veranschaulichen, sollten Bilder, Illustrationen, Videos, Audio und Symbole eingesetzt werden. Bei der Verwendung dieser unterstützenden Elemente ist darauf zu achten, dass sie im Beschreibungstext erklärt werden.

Satzbau
Die Empfehlungen bezüglich Satzbau und Sprache orientieren sich an den allgemeinen Empfehlungen hinsichtlich Internetsprache und Werbung. Grundsätzlich sollten sich die Sprache und der Satzbau an der Zielgruppe orientieren. Zur besseren Lesbarkeit sollten eher kurze Sätze verwendet werden, denen längere Sätze eingeschoben sind, um den Leserhythmus zu verbessern. Schachtelsätze mit mehreren Satzaussagen sind aus Gründen der Verständlichkeit zu vermeiden.

Leichte Sprache
An die Lesbarkeit und Verständlichkeit von Texten werden im Internet große Ansprüche gestellt. Deshalb sollte grundsätzlich eine aktive, indikative und verbbetonte Sprache verwendet werden d. h. Passiv- sowie Konjunktivkonstruktionen sind zu vermeiden – genauso wie die Substantivierung der Verben (Nominalstil).

Überschriften
Die Überschriften bilden die optischen Sprungmarken im Textfluss, daher sollten aussagekräftige, prägnante und interessante Überschriften gewählt werden. Die Verwendung von überlangen und komplizierten Überschriften ist zu vermeiden.

Werbung
Zur besseren Übersichtlichkeit sollte sich eventuell eingebettete Werbung vom eigentlichen Inhalt unterscheiden. Das kann durch die Position sowie die Kennzeichnung von Werbeblöcken geschehen. Die Werbeblöcke sollten die Erfassung des Inhalts nicht nachhaltig stören. Grafische Elemente müssen textuell beschrieben werden.

Im vierten Teil der Serie zum barrierefreien Webdesign, welcher am 31.02.2008 erscheint, erfahren Sie, wie PDF-Dokumente zugänglich gestaltet werden können.

Zeichen: 3620
Weitere Teile der Serie:
http://www.cosima-it.eu/downloads/presse/barrierefreies_webdesign_teil1.pdf
http://www.cosima-it.eu/downloads/presse/barrierefreies_webdesign_2.pdf

Weitere Informationen:
http://www.bik-online.info/
http://www.barrierekompass.de/
http://www.einfach-fuer-alle.de/

Diese Pressemeldung wurde auf openPR veröffentlicht.

Verantwortlich für diese Pressemeldung:

News-ID: 185494
 1156

Kostenlose Online PR für alle

Jetzt Ihren Pressetext mit einem Klick auf openPR veröffentlichen

Jetzt gratis starten

Pressebericht „Regeln für barrierefreies Webdesign. Teil 3: Layout und Sprache“ bearbeiten oder mit dem "Super-PR-Sparpaket" stark hervorheben, zielgerichtet an Journalisten & Top50 Online-Portale verbreiten:

PM löschen PM ändern
Disclaimer: Für den obigen Pressetext inkl. etwaiger Bilder/ Videos ist ausschließlich der im Text angegebene Kontakt verantwortlich. Der Webseitenanbieter distanziert sich ausdrücklich von den Inhalten Dritter und macht sich diese nicht zu eigen. Wenn Sie die obigen Informationen redaktionell nutzen möchten, so wenden Sie sich bitte an den obigen Pressekontakt. Bei einer Veröffentlichung bitten wir um ein Belegexemplar oder Quellenennung der URL.

Pressemitteilungen KOSTENLOS veröffentlichen und verbreiten mit openPR

Stellen Sie Ihre Medienmitteilung jetzt hier ein!

Jetzt gratis starten

Weitere Mitteilungen von Cosima IT

Bild: Cosima IT realisiert neue Internetseite der VHS Troisdorf und NiederkasselBild: Cosima IT realisiert neue Internetseite der VHS Troisdorf und Niederkassel
Cosima IT realisiert neue Internetseite der VHS Troisdorf und Niederkassel
Seit dem 25. Juli 2008 präsentiert der Volkshochschulzweckverband für Troisdorf und Niederkassel das Weiterbildungsangebot für die gesamte Region auf einer neuen barrierefreien und modernen Internetseite (vhs-troisdorf.de). Realisiert hat die neue Internetseite das Esslinger Softwareunternehmen Cosima IT mit seinem barrierefreien CMS cosimaWEB 2.0. Zentrale Kriterien für den neuen Auftritt der Volkshochschule waren Barrierefreiheit und Intuitivität. Diese Punkte sind wichtig, da es ein Recht eines jeden Bürgers sein sollte, alle Informatione…
Bild: Cosima IT realisiert Website von Young Propaganda GmbHBild: Cosima IT realisiert Website von Young Propaganda GmbH
Cosima IT realisiert Website von Young Propaganda GmbH
Das Esslinger Softwareunternehmen Cosima IT hat die Webseite der Eventagentur Young Propaganda GmbH auf Basis des bedienfreundlichen CMS cosimaWEB 2.0 neu gestaltet. Cosima IT entwickelte das Konzept, die Struktur und das Design des neuen Webauftrittes – für genaue Zielgruppenansprache und mehr Übersichtlichkeit. Die Esslinger Eventagentur Young Propaganda GmbH (http://www.young-propaganda.eu) hat mit dem Relaunch der Website das Ziel verfolgt, den Internetauftritt nutzerfreundlicher und strukturierter zu gestalten. Das gesamte Angebots- un…

Das könnte Sie auch interessieren:

Bild: Kataloganalyse und Katalogkonzeption: infolox mit Gestvortrag bei MetaboBild: Kataloganalyse und Katalogkonzeption: infolox mit Gestvortrag bei Metabo
Kataloganalyse und Katalogkonzeption: infolox mit Gestvortrag bei Metabo
… Fußzeilen * Lesezeichen usw. INHALT * Welche Sachverhalte (Inhalte) werden in welcher Form kommuniziert? * Grafiken und Bilder * Tabellen * Listenpunkte * Fließtexte * Welche Form der Sprache und Darstellung bevorzugt Ihr Nutzer? LAYOUT * Welche Farben werden in Zusammenhang mit welchen Informationen verwendet? * Welche Stilelemente werden in Zusammenhang …
Responsive Webdesign auf dem höchsten Niveau. Ihre Homepage optimiert für Smartphones und Tablets made in Berlin
Responsive Webdesign auf dem höchsten Niveau. Ihre Homepage optimiert für Smartphones und Tablets made in Berlin
… Responsive Webdesign auf dem höchsten Niveau für Ihre optimale Darstellung im Internet Da noch basieren seit 2013 auch alle unsere Webdesign- und Homepage-Projekte auf der Responsive Layout Technik, welche für die automatische Anpassung Ihrer Webseite an alle Endgeräte, z.B. PCs, Laptops, Tablets und mobile Smartphones / Handys zuständig ist. Damit sind …
Bild: ESTA Absaugtechnik: Neue Website onlineBild: ESTA Absaugtechnik: Neue Website online
ESTA Absaugtechnik: Neue Website online
… Fachpublikationen und gesetzlichen Grundlagen. Der Onlineshop für Zubehör wurde im Design noch stärker von der Website abgegrenzt. Dadurch wissen die Besucher zu jeder Zeit, wo sie sich befinden. In Kürze ist die ESTA Website auch in englischer Sprache aufrufbar. Weitere Sprachseiten sollen außerdem in 2018 folgen. Zur neuen Website:www.esta.comwww.esta.com/shop
Bild: Responsive Webdesign – Der neuste Trend im Jahr 2014Bild: Responsive Webdesign – Der neuste Trend im Jahr 2014
Responsive Webdesign – Der neuste Trend im Jahr 2014
… akzeptieren und Texte heran oder weg zu zoomen, um sie besser lesen zu können. Um diesem Problem entgegen zu wirken, wird in Zukunft vermehrt das sogenannte Responsive Layout bei der Entwicklung einer Webseite eine Rolle spielen. Unter Responsive Layout versteht man, dass sich das Aussehen der gewählten Website, an die Bildschirmauflösung des jeweiligen …
Bild: Regeln für barrierefreies Webdesign. Teil 1: GrundlagenBild: Regeln für barrierefreies Webdesign. Teil 1: Grundlagen
Regeln für barrierefreies Webdesign. Teil 1: Grundlagen
… die wichtigsten Tipps und Tricks zum barrierefreien Webdesign veröffentlicht. Der erste Teil behandelt die grundlegenden technischen Anforderungen an barrierefreies Webdesign. Kein Webdesigner oder Anbieter von Redaktionssystemen (CMS) kann heute darauf verzichten, Internetseiten barrierefrei anzubieten. Unter Zugänglichkeit versteht man beim barrierefreien …
Bild: Typo3-Outsourcing-Projekt für Hausärzteteam WedauBild: Typo3-Outsourcing-Projekt für Hausärzteteam Wedau
Typo3-Outsourcing-Projekt für Hausärzteteam Wedau
Das Hausärzteteam Wedau aus Duisburg hat sich in enger Zusammenarbeit mit Alexander Sucrow von der Düsseldorfer Werbeagentur Summe 3 Layout, Fotos und Texte für seine neue Internetseite erstellen lassen. Die Homepage informiert über die Leistungen des Ärzteteams und seiner Mitarbeiter. In dem reduzierten, modernen Layout finden sich Internetnutzer jeder …
Bild: Innovative Technik: Brainson entwickelt für Kunden anpassungsfähige WebsitesBild: Innovative Technik: Brainson entwickelt für Kunden anpassungsfähige Websites
Innovative Technik: Brainson entwickelt für Kunden anpassungsfähige Websites
… responsive Websites um. Der Ansatz ist klar in die Zukunft gerichtet. Denn das anpassungsfähige Webdesign ermöglicht es, einen einzigen Webauftritt zu schaffen, bei dem sich das gesamte Layout und die Inhalte flexibel auf das jeweilige Gerät anpassen, auf dem die Seiten angezeigt werden. So spielt es keine Rolle ob User die Website auf einem Smartphone, …
Bild: Seminar in Leipzig vermittelt "Grundlagen des Webdesign"Bild: Seminar in Leipzig vermittelt "Grundlagen des Webdesign"
Seminar in Leipzig vermittelt "Grundlagen des Webdesign"
… der Seite, die besonders überzeugend sein müssen, um Nutzer dauerhaft zu binden. Das Seminar vermittelt Basiswissen und Bewertungskompetenzen für ein ansprechendes und praktikables Webdesign. Die Teilnehmer erlernen basale Regeln für die Gestaltung von Internetseiten. Sie sollen entscheiden können, was überzeugende und misslungene Websites von einander …
Bild: FRANZIS Verlag - Responsive Webdesign mit Photoshop CS6 und CSS3Bild: FRANZIS Verlag - Responsive Webdesign mit Photoshop CS6 und CSS3
FRANZIS Verlag - Responsive Webdesign mit Photoshop CS6 und CSS3
… CS6 und CSS3 " kommt aus dem Franzis Verlag das neue Fachbuch für die praktische und konsequente Planung und Umsetzung aller Gestaltungselemente im responsive Webdesign. Die Dynamik im Webdesign ist ungebrochen, wenn es um die anpassbare grafische Darstellung von Webseiten auf unterschiedlichen Geräten geht. Dem entsprechend richtet sich das praktische …
Bild: Regeln für barrierefreies Webdesign. Teil 4 - Barrierefreie PDFsBild: Regeln für barrierefreies Webdesign. Teil 4 - Barrierefreie PDFs
Regeln für barrierefreies Webdesign. Teil 4 - Barrierefreie PDFs
… veröffentlicht. Der vierte Teil beleuchtet, wie PDF-Dokumente barrierefrei gestaltet werden können. Der erste Teil der Serie behandelte die grundlegenden technischen Anforderungen an barrierefreies Webdesign. Der zweite Teil lenkte den Fokus auf inhaltliche Anforderungen und im dritten Teil wurde ausgeführt, welche Aspekte hinsichtlich Layout und Sprache …
Sie lesen gerade: Regeln für barrierefreies Webdesign. Teil 3: Layout und Sprache