Barrierefreier Online-Auftritt

Tutorial zu wichtigen Aspekten eines barrierefreier Online-Auftritts

Die Webseite einer Organisation ist oft der erste Kontaktpunkt für Kund*innen und somit vielfach Aushängeschild.  Je einfacher sich Personen auf einer Webseite zurechtfinden, umso eher werden sie die Informationen finden, die sie suchen. In diesem kurzen Tutorial geben wir Hinweise, worauf Sie bei einer barrierefreien Website besonders achten sollten

So unterschiedlich Menschen mit Behinderungen sind, so verschieden sind auch die Ansprüche an digitale Formate. Barrierefrei programmierte Webseiten sollen allen Menschen das gleiche User-Erlebnis ermöglichen. Daher sollten Sie für einen barrierefreien Online-Auftritt immer mehrere Aspekte beachten, um möglichst vielen Menschen (mit unterschiedlichen Behinderungen, wie Sinnesbehinderungen, motorischen Behinderungen oder Lernschwierigkeiten) eine Nutzung ihrer Online-Angebote zu ermöglichen.

 

Webseite

Die wichtigsten Kriterien für eine barrierefreie Website sind eine gute Wahrnehmbarkeit, eine gute Verständlichkeit, eine einfache Bedienbarkeit und eine robuste Programmierung. Diese 4 Faktoren bilden die Kriterien einer WCAG-Evaluierung.

Für Details zur WCAG Einteilung wenden Sie sich an die Ersteller*innen der Webseite oder fragen Sie Expert*innen zu digitaler Barrierefreiheit.

Folgende Kriterien sind von besonderer Wichtigkeit:

  • Die Webseite hat eine klare Struktur und verfügt über eine konsistente Überschriftenstruktur
  • Die Webseite ist mit der Tastatur bedienbar. 
  • Die Inhalte der Website sind mit einem „Screenreader“ auslesbar.
  • Beim Einsatz von Farben und Kontrasten wird auf Menschen mit Seheinschränkungen geachtet.
  • Bei der Wahl der Schrift wurde auf eine gut lesbare Schriftart geachtet.
  • Auf der Webseite wurde ein „responsive“ Web-Design umgesetzt.
  • Formulare, die auf der Webseite zur Verfügung gestellt werden, funktionieren nach dem 2-Sinne-Prinzip.

 

Ein Anschauungs-Beispiel einer barrierefreien Website finden sie hier.


Dokumente auf der Webseite

Auch Dokumente (z.B.  pdf zum Download) sollen nach Möglichkeit barrierefrei gestaltet sein. So können sich etwa Menschen mit Sehbehinderungen die Ihnhalte mittels Screenreader vorlesen lassen. 

Beachten Sie dabei bitte folgende Aspekte:

  • Dokumente sollen mit Hilfe von Formatvorlagen (Überschriften Struktur) erstellt werden.
  • Bilder im Dokument sollen über Alternativ Texte verfügen
  • Eigenschaften des Dokuments wurden eingestellt.

 

Multimedia Inhalte

Bei Bild- und Toninhalten wird darauf geachtet, dass Inhalte von allen Personen wahrgenommen werden können.

  • Bilder und Grafiken verfügen über Alternativ Texte.
  • Audio- oder Videoinhalte verfügen über alternative Darstellungen.
  • Bilder und Animationen starten nicht automatisch und lassen sich ein- bzw. ausschalten

 

Sprache

Auf der Webseite werden Informationen in verständlicher Sprache dargestellt. Besonders barrierefrei sind Texte, die in Leichter oder Einfacher Sprache formuliert sind. Darunter versteht man eine speziell geregelte einfache Sprache, die auf besonders leichte Verständlichkeit abzielt. 

Leichter Lesen Logo

Beispiele für Texte in Leichter Sprache finden Sie hier

 

Zurück


Einwahl Alle Antworten löschen
Eine Seite des ÖZIV mit Unterstützung der WKO Oeziv Logo WKO Logo
Check: AnreiseCheck: EingangCheck: UmkleidekabineCheck: KasseCheck: SB GerätCheck: VerkaufsthekeCheck: WCCheck: WarenautomatCheck: GästezimmerCheck: VeranstaltungsraumCheck: InfosCheck: BeratungsraumCheck: GastraumCheck: BankschalterCheck: PersonalCheck: ZustellungCheck: LeergutrückgabeCheck: EinkaufswagerlCheck: WaagenCheck: FriseurstuhlCheck: UntersuchungsstationOptikerCheck: HausbesuchCheck: SpeisekarteCheck: WartebereichCheck: GastgartenCheck: LeitsystemCheck: SchliessfachCheck: SchwimmbadCheck: RezeptionCheck: BewegungsflächenCheck: SaunaCheck: InfosCheck: DrucksachenCheck: VorträgeCheck: BühneCheck: BuffetCheck: VeranstaltungsraumCheck: Massage- und AnwendungsbereicheCheck: Kosmetik & ShopCheck: SanitätsraumCheck: DuscheCheck: Info (Spa)Check: LiegenCheck: Online-AuftrittCheck: SolariumCheck: Umkleidekabine (Spa)Check: Zutritt (Spa)
Zero-Project