Gestaltung der barrierefreien Website. DI Gerald Kortschak sevian7 IT development GmbH

Größe: px

Ab Seite anzeigen:

Download "Gestaltung der barrierefreien Website. DI Gerald Kortschak sevian7 IT development GmbH gkortschak@sevian7.com"

Greta Kohler
vor 8 Jahren
Abrufe

1 Gestaltung der barrierefreien Website DI Gerald Kortschak sevian7 IT development GmbH

2 Inhalte: Überblick Wie wird s gemacht? Was bringt es?

3 <!DOCTYPE html>  <head>  <meta http-equiv="cache-control" content="public"> <link rel="stylesheet" type="text/css" media="all" href="/content.node/style.css" /> <link rel="stylesheet" type="text/css" media="all" href="/content.node/jquery.ui.datepicker_3.css" /> <link rel="stylesheet" type="text/css" media="all" href="/content.node/[css]_jquery_ui.css" /> <meta property="og:title" content=""> <meta property="og:site_name" content="wko.at"> <meta property="og:type" content="website"> <link rel="shortcut icon" type="image/x-icon" href="/content.node/bilder_css/favicon.ico" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" > <meta name="viewport" content="width=device-width, initialscale=1.0"> <meta name="keywords" content="wirtschaftskammer Österreich, Austrian Economic Chamber, Wirtschaft, Interessensvertretung, Förderungen, Kooperationen, Gesetze, Gründungen, Außenwirtschaft, Außenhandel, Foreign Trade, Recht, law, Umwelt, Beratung, Bildung, BWK, Handelskammer, Schiedsgericht, Arbitration"> <title>interessenvertretung Steiermark</title>

4 <div class="teaser_gross"><a href="/content.node/interessenvertretung/st/keine- Betriebsanlagengenehmigung-mehr-fuer-Kleinunternehmer.html" target="_self"><img src="/content.node/media/ jpg" alt="keine Betriebsanlagengenehmigung mehr für Kleinunternehmer"/></a><h2><a href="/content.node/interessenvertretung/st/keine- Betriebsanlagengenehmigung-mehr-fuer-Kleinunternehmer.html" target="_self"><span class="title">kleinunternehmen: Ende der Betriebsanlagengenehmigung</span></a></h2><p><span class="subtitle">diese WKO-Forderung spart allein in der Steiermark rund 600 Genehmigungsverfahren pro Jahr ein.</span></p></div> Steirische

5 WKO Steirische

6 Grundtechniken Strukturierter Text Skalierbare Schrift Kontraste Rot-Grün-Schwäche (keine roten Buttons) Navigation per Tastatur Gebärdensprache ACHTUNG: CMS, AJAX, FLASH,...

7 Beispiele Logische Struktur <h1>überschrift durch HTML-Elemente</h1> Positionierung von Elementen <UL>Unsortiertes Listenelement</ul> Akronyme und Abkürzungen <abbr title= Vortrag Barrierefreiheit >VB</abbr>

8 Beispiele Mitdenken!  <a href= >hier klicken</a> <a href= >online hier</a>  <a href= >Um zur Website der Wirtschaftskammer Steiermark zu gelangen klicken Sie diese Zeile.</a> <a href= >Hier für weitere Informationen auf der Seite der s7 klicken.</a>

9 Beispiele Mitdenken!  <img src= pics/wklogo.png >  <img src= pics/wklogo.png alt= Logo der WK >  <img src= pics/wklogo.png alt= Logo der Wirtschaftskammer Steiermark bestehend aus drei roten Quadraten mit den Buchstaben W, K und O in weiss... >

10 Richtlinien für barrierefreie Webinhalte (WCAG) 2.0: Wahrnehmbarkeit (z.b. Bild-Beschreibung, Strukturierung), Bedienbarkeit (nachvollziehbare Strukturen) Verständlich (z.b.: einfache Sprache) Robustheit (gegen falsche Nutzung)

11 Mehrwert Barrierefrei = Robots - freundlich = Suchmaschinenoptimiert

12 Chancen? Neues Kundensegment Bedarf an qualifizierter Beratung Visitenkarten Unterlagen Kommunikationsverfahren

13 Überprüfbar? Lernbar? WKO-Informationen: /Barrierefreie_Websites_fuer_ _Oesterreicher.html Web Content Accessibility Guidelines: INCITE-Lehrgang WebAccessibility: bility/

14 Vielen Dank für Ihre Aufmerksamkeit. Bei Fragen wenden Sie Sich vertrauensvoll an Ihre Sparte Information & Consulting!

Ähnliche Dokumente

Einführung Responsive Webdesign

Einführung Responsive Webdesign Aktuelle Situation Desktop Webseiten Umsetzungen auch heute noch in den meisten Fällen Pixelbasiert JavaScript schafft Dynamik CSS schafft Trennung von Inhalt und Layout