SlideShare une entreprise Scribd logo
1  sur  72
Barrierefreie Internet-Seiten Wolfgang Wiese 7. – 8. März 2008
Organisation ,[object Object],[object Object],[object Object],[object Object],[object Object]
Organisation ,[object Object],[object Object],[object Object],[object Object]
Warm-Up ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Einführung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Gesetzeslage ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Gesetzeslage ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Kosten & Wirtschaftlichkeit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Kosten & Wirtschaftlichkeit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Kosten & Wirtschaftlichkeit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Kosten & Wirtschaftlichkeit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Kosten & Wirtschaftlichkeit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Kosten & Wirtschaftlichkeit Zeit Kosten Konzept Design und Umsetzung Schulung Betrieb Konzept Design, Umsetzung  Integration Schulung Betrieb Relaunch Schulung geringer: Keine komplexen HTML-Strukturen  mehr notwendig HTML+ CSS HTML + CSS* Herkömmlicher Webauftritt Integrations-aufwand  kommt  hinzu Altes Konzept kann  bleiben Nur CSS-Änderung notwendig Moderner oder Universeller Webauftritt Herkömmlicher, auf Barrierefreiheit nachgebesserter Webauftritt
Kosten & Wirtschaftlichkeit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
Fallbeispiele ,[object Object],[object Object],[object Object],[object Object]
Testmethoden ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Testmethoden ,[object Object],[object Object],[object Object],[object Object]
Testmethoden ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Testmethoden ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
[object Object],[object Object],[object Object],[object Object]
Besprechung und Ergebnisse ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Besprechung und Ergebnisse ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;de&quot; lang=&quot;de&quot;>  <head>  <title> Projekt Vorlagenkatalog  :   Beispielsseite</title> <link href=&quot;/css/d3-ocean/default.css&quot; media=&quot;screen, projection&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; title=&quot;default&quot; />  <link href=&quot;/css/print.css&quot; media=&quot;print&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; />    <link href=&quot;/css/handheld.css&quot; media=&quot;handheld&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; /> </head>  <body>  <a id=&quot;seitenmarke&quot;></a>  <div id=&quot;kopf&quot;>    <div id=&quot;logo„><p><a href=&quot;/&quot;>Projekt Vorlagenkatalog</a></p></div> <div id=&quot;titel&quot;><h1>Beispielseite</h1></div>  </div>  <div id=&quot;menu&quot;>  <h2><a id=„menu&quot;>Menu</a></h2>     <!--#include virtual=&quot;/cgi-bin/navigation/navigation.pl&quot; -->    </div>  <div id=&quot;content&quot;><a id=&quot;contentmarke&quot;></a>  <h1>Hallo erstmal…</h2>   <p>Lirum Larum Löffelstiehl...  </p> </div <div id=&quot;footer&quot;>  <h2><a id=&quot;footermarke&quot;>Statusinformationen zur Seite</a></h2>   <p> Letzte &Auml;nderung: <!--#config timefmt=&quot;%d.%m.%Y um %H:%M Uhr&quot;--><!--#echo var=&quot;LAST_MODIFIED&quot;--></p> </div>  </body></html>
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object]
Praxisbeispiele ,[object Object],[object Object],[object Object],[object Object],[object Object]
Hilfsmittel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hilfsmittel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Hilfsmittel ,[object Object],[object Object],[object Object],[object Object]
Vorlagenkatalog ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Linksammlung & Leseempfehlungen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]

Contenu connexe

En vedette

Freies Radio, Web 2.0 & politische Beteiligung
Freies Radio, Web 2.0 & politische BeteiligungFreies Radio, Web 2.0 & politische Beteiligung
Freies Radio, Web 2.0 & politische Beteiligung
davidroethler
 
Web2erc weblog wiki_forum
Web2erc weblog wiki_forumWeb2erc weblog wiki_forum
Web2erc weblog wiki_forum
davidroethler
 
Conceptos 2010-2011
Conceptos 2010-2011Conceptos 2010-2011
Conceptos 2010-2011
smerino
 
Social Media y como impactar clientes
Social Media y como impactar clientesSocial Media y como impactar clientes
Social Media y como impactar clientes
Sebastian Bosco
 
Plan de emergencias alumnos 2013 14
Plan de emergencias alumnos 2013 14Plan de emergencias alumnos 2013 14
Plan de emergencias alumnos 2013 14
Manuel Muriel Flores
 

En vedette (19)

Digitale Universität und medienkultureller Wandel
Digitale Universität und medienkultureller WandelDigitale Universität und medienkultureller Wandel
Digitale Universität und medienkultureller Wandel
 
ODMF Präsentation 2007
ODMF Präsentation 2007ODMF Präsentation 2007
ODMF Präsentation 2007
 
Freies Radio, Web 2.0 & politische Beteiligung
Freies Radio, Web 2.0 & politische BeteiligungFreies Radio, Web 2.0 & politische Beteiligung
Freies Radio, Web 2.0 & politische Beteiligung
 
Sistema De Gestion De Proyectos
Sistema De Gestion De ProyectosSistema De Gestion De Proyectos
Sistema De Gestion De Proyectos
 
Webinare
WebinareWebinare
Webinare
 
E-Government im Web-2.0-Zeitalter
E-Government im Web-2.0-ZeitalterE-Government im Web-2.0-Zeitalter
E-Government im Web-2.0-Zeitalter
 
3 b2013 educacion para la salud
3 b2013 educacion para la salud3 b2013 educacion para la salud
3 b2013 educacion para la salud
 
Push Meets Pull
Push Meets PullPush Meets Pull
Push Meets Pull
 
Presencespace
PresencespacePresencespace
Presencespace
 
Kultur & Beteiligung - Publikumsentwicklung
Kultur & Beteiligung - PublikumsentwicklungKultur & Beteiligung - Publikumsentwicklung
Kultur & Beteiligung - Publikumsentwicklung
 
Web2erc weblog wiki_forum
Web2erc weblog wiki_forumWeb2erc weblog wiki_forum
Web2erc weblog wiki_forum
 
MINT Strategie-Workshop zum MINT-Navigator am 19. September 2012
MINT Strategie-Workshop zum MINT-Navigator am 19. September 2012MINT Strategie-Workshop zum MINT-Navigator am 19. September 2012
MINT Strategie-Workshop zum MINT-Navigator am 19. September 2012
 
Conceptos 2010-2011
Conceptos 2010-2011Conceptos 2010-2011
Conceptos 2010-2011
 
Social Media y como impactar clientes
Social Media y como impactar clientesSocial Media y como impactar clientes
Social Media y como impactar clientes
 
Plan de emergencias alumnos 2013 14
Plan de emergencias alumnos 2013 14Plan de emergencias alumnos 2013 14
Plan de emergencias alumnos 2013 14
 
Politische Kommunikation 09
Politische Kommunikation 09Politische Kommunikation 09
Politische Kommunikation 09
 
Web 2.0 für Museen
Web 2.0 für MuseenWeb 2.0 für Museen
Web 2.0 für Museen
 
Trac: Gestión de proyectos de desarrollo de Software
Trac: Gestión de proyectos de desarrollo de SoftwareTrac: Gestión de proyectos de desarrollo de Software
Trac: Gestión de proyectos de desarrollo de Software
 
Sustain 2.0
Sustain 2.0Sustain 2.0
Sustain 2.0
 

Similaire à Barrierefreie Internet Seiten

Online-Texten für PR_ABP-Fobi 2010-03_Dr. Andreas Gnann
Online-Texten für PR_ABP-Fobi 2010-03_Dr. Andreas GnannOnline-Texten für PR_ABP-Fobi 2010-03_Dr. Andreas Gnann
Online-Texten für PR_ABP-Fobi 2010-03_Dr. Andreas Gnann
andreasgnann
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden Blend
Martin Hey
 
Worst and Best Practices in der Barrierefreiheit
Worst and Best Practices in der BarrierefreiheitWorst and Best Practices in der Barrierefreiheit
Worst and Best Practices in der Barrierefreiheit
Kerstin Probiesch
 

Similaire à Barrierefreie Internet Seiten (20)

Software-Ergonomie Tag4
Software-Ergonomie Tag4Software-Ergonomie Tag4
Software-Ergonomie Tag4
 
Webseiten sind keine Gemälde
Webseiten sind keine GemäldeWebseiten sind keine Gemälde
Webseiten sind keine Gemälde
 
Barrierefreies Webdesign
Barrierefreies WebdesignBarrierefreies Webdesign
Barrierefreies Webdesign
 
Online texten-für-pr andreas-gnann-abp_11-08-29
Online texten-für-pr andreas-gnann-abp_11-08-29Online texten-für-pr andreas-gnann-abp_11-08-29
Online texten-für-pr andreas-gnann-abp_11-08-29
 
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0
 
Accessibility Evaluation praxisnah
Accessibility Evaluation praxisnahAccessibility Evaluation praxisnah
Accessibility Evaluation praxisnah
 
Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...
Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...
Einblick in die Barrierefreiheit am Beispiel der BAD - Before and After Demon...
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
Barrierefreie Webseiten
Barrierefreie WebseitenBarrierefreie Webseiten
Barrierefreie Webseiten
 
Online-Texten für PR_ABP-Fobi 2010-03_Dr. Andreas Gnann
Online-Texten für PR_ABP-Fobi 2010-03_Dr. Andreas GnannOnline-Texten für PR_ABP-Fobi 2010-03_Dr. Andreas Gnann
Online-Texten für PR_ABP-Fobi 2010-03_Dr. Andreas Gnann
 
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
Präsentation für den Workshop "Schreiben fürs Web/Optimierung der Usability"
 
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
 
GUIs mit Expression Blend
GUIs mit Expression BlendGUIs mit Expression Blend
GUIs mit Expression Blend
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden Blend
 
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
12. TANNER-Hochschulwettbewerb | Beitrag Team Schildberg (Karlsruher Institut...
 
Mobile web #bch11
Mobile web #bch11Mobile web #bch11
Mobile web #bch11
 
What about Accessibility of Next Generation User Interfaces for People with D...
What about Accessibility of Next Generation User Interfaces for People with D...What about Accessibility of Next Generation User Interfaces for People with D...
What about Accessibility of Next Generation User Interfaces for People with D...
 
Web Globalization balanced by User Experience (Mensch und Computer 2008)
Web Globalization balanced by User Experience (Mensch und Computer 2008)Web Globalization balanced by User Experience (Mensch und Computer 2008)
Web Globalization balanced by User Experience (Mensch und Computer 2008)
 
Worst and Best Practices in der Barrierefreiheit
Worst and Best Practices in der BarrierefreiheitWorst and Best Practices in der Barrierefreiheit
Worst and Best Practices in der Barrierefreiheit
 

Plus de Wolfgang Wiese

Plus de Wolfgang Wiese (13)

Webdienste an der FAU: Gestern, Heute, Übermorgen
Webdienste an der FAU: Gestern, Heute, ÜbermorgenWebdienste an der FAU: Gestern, Heute, Übermorgen
Webdienste an der FAU: Gestern, Heute, Übermorgen
 
ZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale Barrierefreiheit
ZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale BarrierefreiheitZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale Barrierefreiheit
ZKI AK Web 2018/2: Vortrag zum Leitfaden Digitale Barrierefreiheit
 
WKE2018: Leitfaden Digitale Barrierefreiheit
WKE2018: Leitfaden Digitale BarrierefreiheitWKE2018: Leitfaden Digitale Barrierefreiheit
WKE2018: Leitfaden Digitale Barrierefreiheit
 
WCAG für WebDevs
WCAG für WebDevsWCAG für WebDevs
WCAG für WebDevs
 
Embedding
EmbeddingEmbedding
Embedding
 
Blogdienst der FAU
Blogdienst der FAUBlogdienst der FAU
Blogdienst der FAU
 
Web-Technologies 26.06.2003
Web-Technologies 26.06.2003Web-Technologies 26.06.2003
Web-Technologies 26.06.2003
 
Vorlesung "Web-Technologies"
Vorlesung "Web-Technologies" Vorlesung "Web-Technologies"
Vorlesung "Web-Technologies"
 
Einführung in die Suchmaschinenoptimierung
Einführung in die SuchmaschinenoptimierungEinführung in die Suchmaschinenoptimierung
Einführung in die Suchmaschinenoptimierung
 
Dieses Web? Das kann doch jeder
Dieses Web? Das kann doch jederDieses Web? Das kann doch jeder
Dieses Web? Das kann doch jeder
 
Wordpress als CMS
Wordpress als CMSWordpress als CMS
Wordpress als CMS
 
Barrierefreiheit 2010
Barrierefreiheit 2010Barrierefreiheit 2010
Barrierefreiheit 2010
 
WKE2014: The Beauty & The Beast
WKE2014: The Beauty & The BeastWKE2014: The Beauty & The Beast
WKE2014: The Beauty & The Beast
 

Barrierefreie Internet Seiten

  • 1. Barrierefreie Internet-Seiten Wolfgang Wiese 7. – 8. März 2008
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35. Kosten & Wirtschaftlichkeit Zeit Kosten Konzept Design und Umsetzung Schulung Betrieb Konzept Design, Umsetzung Integration Schulung Betrieb Relaunch Schulung geringer: Keine komplexen HTML-Strukturen mehr notwendig HTML+ CSS HTML + CSS* Herkömmlicher Webauftritt Integrations-aufwand kommt hinzu Altes Konzept kann bleiben Nur CSS-Änderung notwendig Moderner oder Universeller Webauftritt Herkömmlicher, auf Barrierefreiheit nachgebesserter Webauftritt
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.